.sp-view {
    display: none;
}
@media screen and (max-width: 767px) {
    .pc-view {
        display: none;
    }
    .sp-view {
        display: block;
    }
}

#jcsd-hero {
    background: rgba(255, 253, 237, 1);
    padding: 34px 0 46px;

    &::before,
    &::after {
        content: none;
    }

    .ttl {
        margin: auto;
        max-width: 1080px;
        width: 95%;
    }
}
@media screen and (max-width: 767px) {
    #jcsd-hero {
        padding: 23px 0 22px;
    }
    #jcsd-hero .ttl {
        width: calc((345/375)*100%);
    }
}


#contents-info #section-name {
    min-width: unset;
}

.nav-event {
    background: rgba(83, 159, 190, 1);
}

.nav-event ul {
    max-width: 1080px;
    margin: 0 auto;
}
@media (max-width: 960px) {
    .nav-event li {
        width: 25%;
    }
    .nav-event li:nth-child(n+5) {
        width: calc(100%/3);
    }
}

.nav-event ul li a {
    background: rgba(83, 159, 190, 1);
    padding: 16px 0 32px;
    line-height: 1;
    text-decoration: none;
    position: relative;
    font-family: "BIZ UDPGothic", sans-serif;
}

.nav-event ul li a:hover {
    background: rgba(0, 81, 124, 1);
}

.nav-event ul li a::after {
    content: "";
    background: url(../../images/jcsd2026/triangle_white.svg)no-repeat;
    background-size: 100%;
    width: 14px;
    height: 8px;
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0;
    margin: auto;
}

.nav-event ul li:last-of-type a {
    background: rgba(83, 159, 190, 1);
    color: #fff;
}

.nav-event li:last-of-type a:hover {
    background: rgba(0, 81, 124, 1);
    color: #fff;
}

@media (max-width: 767px) {
    .nav-event li {
        width: 50%!important;
        height: auto;
    }
    .nav-event li:nth-child(2n+2) {
        border-left: 1px dotted rgba(255, 255, 255, 1);
    }
    .nav-event li:last-child {
        display: none;
    }
    .nav-event li a {
        font-size: 16px;
        padding: 12px 0 28px;
    }
}

.read {
    max-width: 1080px;
    margin: 0 auto;
    padding: 40px 0 64px;
    width: 95%;
}

.read p {
    font-family: "BIZ UDPGothic", sans-serif;
    padding: 0;
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 2;
    letter-spacing: 8%;
}

.read .btn-orange {
    max-width: 820px;
    margin: auto;
    width: 95%;
}

.read .btn-orange a {
    display: flex;
    width: 100%;
    height: 88px;
    background: linear-gradient(180deg, #F2AD90 0%, #EA5414 100%);
    border-radius: 44px;
    position: relative;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #fff;
    box-shadow: 0px 8px 8px 0px rgba(34, 34, 34, 0.1);
    font-family: "BIZ UDPGothic", sans-serif;
    transition: .3s ease;
}

.read .btn-orange a:hover {
    transform: translateY(8px);
    box-shadow: unset;
}

.read .btn-orange a::before {
    content: "";
    background: url(../../images/jcsd2026/certificate.svg)no-repeat;
    background-size: 100%;
    width: 51.11px;
    height: 51.11px;
    position: absolute;
    top: 0;
    left: calc((42.36/820)*100%);
    bottom: 0;
    margin: auto;
}

.read .btn-orange a::after {
    content: "";
    background: url(../../images/jcsd2026/arrow_orange.svg)no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc((24/820)*100%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    margin: auto;
    border-radius: 20px;
}

@media (max-width: 767px) {
    .read {
        padding: 40px 0;
        width: 92%;
    }
    .read p {
        font-size: 16px;
        margin-bottom: 32px;
    }
    .read .btn-orange {
        width: 100%;
    }
    .read .btn-orange a {
        height: 72px;
        font-size: 16px;
    }
    .read .btn-orange a::before {
        width: 28.95px;
        height: 28.95px;
        left: calc((21.53/345)*100%);
    }
    .read .btn-orange a::after {
        width: 21.71px;
        height: 21.71px;
        right: calc((16.15/345)*100%);
    }
}

.information {
    background: rgba(248, 248, 248, 1);
    padding: 53px 0 64px;
}

.information .inner {
    max-width: 1080px;
    width: 95%;
    margin: 0 auto;
}

.information h2 {
    margin: 0 0 44px;
    font-size: 32px;
    font-weight: bold;
    border-left: 3px solid rgba(0, 81, 124, 1);
    line-height: 1.1;
    padding-left: 16px;
    letter-spacing: 5%;
    font-family: "BIZ UDPGothic", sans-serif;
}

.information ul {
    border-bottom: 1px solid rgba(153, 153, 153, 0.4);
    margin-bottom: 40px;
}

.information ul li {
    display: flex;
    gap: 25px;
    border-top: 1px solid rgba(153, 153, 153, 0.4);
}

.information ul li .date p {
    padding: 19px 0;
    margin: 0;
    font-size: 17px;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    font-family: "BIZ UDPGothic", sans-serif;
}

.information ul li .title {
    width: 100%;
}

.information ul li .title a,
.information ul li .title p {
    display: block;
    padding: 19px 24px 19px 0;
    font-size: 17px;
    color: rgba(34, 34, 34, 1);
    letter-spacing: 5%;
    line-height: 1.5;
    margin: 0;
    position: relative;
    font-family: "BIZ UDPGothic", sans-serif;
}

.information ul li .title a::after {
    content: "";
    background: url(../../images/jcsd2026/arrow_blue.svg)no-repeat;
    background-size: 100%;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
}

.information .btn-more {
    width: 247px;
    height: 56px;
    margin: 0 auto;
}

.information .btn-more a {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(83, 159, 190, 1);
    border-radius: 28px;
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    display: flex;
    justify-content: center;
    flex-flow: column;
    text-align: center;
    font-family: "BIZ UDPGothic", sans-serif;
    position: relative;
    font-weight: bold;
    letter-spacing: 5%;
    box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.1);
    transition: .3s;
    text-decoration: none;
}

.information .btn-more a:hover {
    transform: translateY(8px);
    box-shadow: unset;
}

.information .btn-more a::after {
    content: "";
    background: url(../../images/jcsd2026/plus-circle.svg)no-repeat;
    background-size: 100%;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
    margin: auto;
}

@media (max-width: 767px) {
    .information {
        padding: 40px 0;
    }
    .information .inner {
        width: 92%;
    }
    .information h2 {
        font-size: 24px;
        margin-bottom: 8px;
    }
    .information ul {
        margin-bottom: 32px;
    }
    .information ul li {
        flex-wrap: wrap;
        gap: 14px;
        padding: 24px 0;
    }
    .information ul li:first-of-type {
        border-top: unset;
    }
    .information ul li .date p {
        padding: 0;
        font-size: 16px;
    }
    .information ul li .title a {
        padding: 0 24px 0 0;
        font-size: 16px;
    }
    .information ul li .title p {
        padding: 0;
        font-size: 16px;
    }
}

.event .inner {
    width: 95%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 64px 0;
}

.event h2 {
    margin: 0 0 44px;
    font-size: 32px;
    font-weight: bold;
    border-left: 3px solid rgba(0, 81, 124, 1);
    line-height: 1.1;
    padding-left: 16px;
    letter-spacing: 5%;
    font-family: "BIZ UDPGothic", sans-serif;
}

.event dl {
    display: flex;
    align-items: stretch;
    margin: 0;
}

.event dl+dl {
    margin-top: 8px;
}

.event dt {
    background: rgba(83, 159, 190, 1);
    font-size: 17px;
    color: #fff;
    letter-spacing: 5%;
    font-family: "BIZ UDPGothic", sans-serif;
    width: calc((248/1080)*100%);
    padding: 18.75px calc((24/1080)*100%);
    line-height: 1;
    display: flex;
    align-items: center;
}

.event dd {
    font-size: 17px;
    width: calc((832 / 1080) * 100%);
    background: rgba(248, 248, 248, 1);
    padding: 18.75px calc((24 / 1080) * 100%);
    color: rgba(0, 0, 0, 1);
    line-height: 1.5;
    font-family: "BIZ UDPGothic", sans-serif;
}

.event dd.center {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16.5px calc((24 / 1080) * 100%);
}

.event dd .map {
    width: calc((346 / 784) * 100%);
    position: relative;
}

.event dd .map .modal-open {
    position: absolute;
    bottom: calc((83 / 310) * 100%);
    right: calc((13 / 346) * 100%);
}

.event dd .text {
    width: calc((414 / 784) * 100%);
}

.event dd .text p {
    margin-bottom: 10px;
    padding: 0;
    letter-spacing: 10%;
    font-family: "BIZ UDPGothic", sans-serif;
}

.event dd .text p.mb30 {
    margin-bottom: 30px;
}

.event dd .text p.marker {
    text-indent: 18px;
    position: relative;
}

.event dd .text p.marker::before {
    width: 15px;
    height: 15px;
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    background: rgba(83, 159, 190, 1);
    border-radius: 7.5px;
}

.event dd .text p a {
    font-family: "BIZ UDPGothic", sans-serif;
    color: rgba(34, 34, 34, 1);
    position: relative;
    text-decoration: underline;
}

.event dd .text p a::after {
    content: "";
    background: url(../../images/jcsd2026/window-restore.svg)no-repeat;
    background-size: 100%;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 11px;
}

.event dd .text p a:hover {
    text-decoration: none;
}

.event dd .img-col2 {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.event dd .img-col2>div {
    width: 346px;
}

.event dd .link {
    margin-top: 16px;
}

.event dd .link a {
    font-family: "BIZ UDPGothic", sans-serif;
    color: rgba(34, 34, 34, 1);
    position: relative;
    text-decoration: underline;
}

.event dd .link a::after {
    content: "";
    background: url(../../images/jcsd2026/window-restore.svg)no-repeat;
    background-size: 100%;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 11px;
}

.event .btn-orange {
    max-width: 820px;
    margin: 40px auto 0;
    width: 95%;
}

.event .btn-orange a {
    display: flex;
    width: 100%;
    height: 88px;
    background: linear-gradient(180deg, #F2AD90 0%, #EA5414 100%);
    border-radius: 44px;
    position: relative;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #fff;
    box-shadow: 0px 8px 8px 0px rgba(34, 34, 34, 0.1);
    font-family: "BIZ UDPGothic", sans-serif;
    transition: .3s ease;
}

.event .btn-orange a:hover {
    transform: translateY(8px);
    box-shadow: unset;
}

.event .btn-orange a::before {
    content: "";
    background: url(../../images/jcsd2026/certificate.svg)no-repeat;
    background-size: 100%;
    width: 51.11px;
    height: 51.11px;
    position: absolute;
    top: 0;
    left: calc((42.36/820)*100%);
    bottom: 0;
    margin: auto;
}

.event .btn-orange a::after {
    content: "";
    background: url(../../images/jcsd2026/arrow_orange.svg)no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc((24/820)*100%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    margin: auto;
    border-radius: 20px;
}

@media (max-width: 767px) {
    .event .inner {
        padding: 40px 0;
        width: 92%;
    }
    .event h2 {
        font-size: 24px;
        margin-bottom: 25px;
    }
    .event dl {
        flex-wrap: wrap;
    }
    .event dl + dl {
        margin-top: 20px;
    }
    .event dt {
        width: 100%;
        padding: 23px calc((16 / 345) * 100%);
        font-size: 16px;
    }
    .event dd {
        width: 100%;
        padding: 17px calc((16 / 345) * 100%);
        font-size: 16px;
    }
    .event dd.center {
        width: 100%;
        padding: 17px calc((16 / 345) * 100%);
        flex-wrap: wrap;
        gap: 20px;
    }
    .event dd .map,.event dd .text {
        width: 100%;
    }
    .event .btn-orange {
        width: 100%;
        margin-top: 32px;
    }
    .event .btn-orange a {
        height: 72px;
        font-size: 16px;
    }
    .event .btn-orange a::before {
        width: 28.95px;
        height: 28.95px;
        left: calc((21.53/345)*100%);
    }
    .event .btn-orange a::after {
        width: 21.71px;
        height: 21.71px;
        right: calc((16.15/345)*100%);
    }
}

.schedule {
    background: rgba(248, 248, 248, 1);
}

.schedule .inner {
    width: 95%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 64px 0;
}

.schedule h2 {
    margin: 0 0 35px;
    font-size: 32px;
    font-weight: bold;
    border-left: 3px solid rgba(0, 81, 124, 1);
    line-height: 1.1;
    padding-left: 16px;
    letter-spacing: 5%;
    font-family: "BIZ UDPGothic", sans-serif;
}

.schedule dl {
    border-top: 1px solid rgba(221, 221, 221, 1);
    display: flex;
    margin: 0;
}

.schedule dl:last-of-type {
    border-bottom: 1px solid rgba(221, 221, 221, 1);
}

.schedule dt {
    width: 185px;
    background: unset;
    padding: 24px 0 0 0;
    font-size: 20px;
    color: rgba(83, 159, 190, 1);
    font-weight: bold;
    font-family: "BIZ UDPGothic", sans-serif;
}

.schedule dd {
    width: calc(100% - 185px);
    padding: 24px 0;
}

.schedule .tag p {
    font-size: 18px;
    padding: 6px 10px;
    margin: 0 0 10px;
    color: rgba(34, 34, 34, 1);
    background: rgba(221, 221, 221, 1);
    display: inline-block;
    line-height: 1;
    font-weight: bold;
}

.schedule dd .title p {
    font-size: 20px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    letter-spacing: 5%;
    font-family: "BIZ UDPGothic", sans-serif;
    color: rgba(34, 34, 34, 1);
}

.schedule dd .exp p {
    padding: 0;
    margin: 30px 0;
    color: rgba(68, 68, 68, 1);
    font-size: 17px;
    font-family: "BIZ UDPGothic", sans-serif;
    line-height: 1.5;
    letter-spacing: 5%;
}

.schedule dd .exp p span {
    text-decoration: underline;
    text-decoration-color: rgba(83, 159, 190, 1);
    text-decoration-thickness: 3px;
}

.schedule dd .title+.exp {
    margin-top: 24px;
}

.schedule dd .title+.profile {
    margin-top: 16px;
}

.schedule dd .exp+.profile {
    margin-top: 24px;
}

.schedule dd .profile {
    display: flex;
    justify-content: space-between;
}

.schedule dd .profile .name {
    width: calc(100% - 155px);
}

.schedule dd .profile .name p {
    font-size: 17px;
    line-height: 1.5;
    color: rgba(68, 68, 68, 1);
    letter-spacing: 5%;
    padding: 0;
    margin: 0;
    font-family: "BIZ UDPGothic", sans-serif;
}

.schedule dd .profile .name p span {
    text-decoration: underline;
    text-decoration-color: rgba(83, 159, 190, 1);
    text-decoration-thickness: 3px;
}

.schedule dd .profile .photo {
    width: 155px;
}

.schedule dd .profile+.text {
    margin-top: 16px;
}

.schedule dd .profile+.profile {
    margin-top: 24px;
}

.schedule dd .text p {
    font-size: 18px;
    line-height: 1.8;
    letter-spacing: 5%;
    color: rgba(34, 34, 34, 1);
    font-family: "BIZ UDPGothic", sans-serif;
    padding: 0;
    margin: 0;
}

@media (max-width: 767px) {
    .schedule .inner {
        width: 92%;
        padding: 40px 0;
    }
    .schedule h2 {
        font-size: 24px;
        margin-bottom: 24px;
    }
    .schedule dl {
        padding: 24px 0;
        flex-wrap: wrap;
    }
    .schedule dt {
        width: 100%;
        padding: 0;
        margin-bottom: 24px;
    }
    .schedule dd {
        width: 100%;
        padding: 0;
    }
    .schedule dd .title p {
        font-size: 18px;
    }
    .schedule dd .profile {
        flex-wrap: wrap;
    }
    .schedule dd .profile .name {
        width: 100%;
    }
    .schedule dd .profile .name p {
        font-size: 16px;
    }
    .schedule dd .profile .photo {
        margin: 24px auto 0;
    }
    .schedule dd .profile + .text {
        margin-top: 24px;
    }
    .schedule dd .profile .text p {
        font-size: 16px;
    }
    .schedule dd .title + .exp {
        margin-top: 16px;
    }
    .schedule dd .exp p {
        font-size: 16px;
    }
    .schedule dd .exp + .profile {
        margin-top: 16px;
    }
    .schedule dd .text p {
        font-size: 16px;
    }
}

.plan .inner {
    width: 95%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 64px 0;
}

.plan h2 {
    margin: 0 0 35px;
    font-size: 32px;
    font-weight: bold;
    border-left: 3px solid rgba(0, 81, 124, 1);
    line-height: 1.1;
    padding-left: 16px;
    letter-spacing: 5%;
    font-family: "BIZ UDPGothic", sans-serif;
}

.plan h3 {
    color: rgba(83, 159, 190, 1);
    width: 100%;
    border-bottom: 1px solid rgba(83, 159, 190, 1);
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5;
    margin: 0 0 24px;
    font-family: "BIZ UDPGothic", sans-serif;
    letter-spacing: 5%;
    padding-bottom: 5px;
}

.plan h3 small {
    font-size: 17px;
    color: rgba(83, 159, 190, 1);
}

.plan p {
    font-size: 17px;
    line-height: 1.8;
    letter-spacing: 5%;
    font-family: "BIZ UDPGothic", sans-serif;
    color: rgba(34, 34, 34, 1);
    margin: 0;
    padding: 0;
}

.plan p+h3 {
    margin-top: 40px;
}

.plan .clearfix {
    display: flex;
    gap: 32px;
}
.plan .clearfix + h3 {
    margin-top: 40px;
}
.plan .clearfix::before,.plan .clearfix::after {
    content: none;
}
.plan .clearfix p {
    width: calc((709 / 1080) * 100%);
}
.plan .clearfix div {
    width: calc((338 / 1080) * 100%);
}

@media (max-width: 767px) {
    .plan .inner {
        padding: 40px 0;
        width: 92%;
    }
    .plan h2 {
        font-size: 24px;
        margin-bottom: 24px;
    }
    .plan h3 {
        font-size: 20px;
    }
    .plan h3 small {
        font-size: 16px;
    }
    .plan p {
        font-size: 16px;
    }
    .plan .clearfix {
        flex-wrap: wrap;
    }
    .plan .clearfix p {
        width: 100%;
    }
    .plan .clearfix div {
        width: 100%;
    }
}

.exhibition {
    background: rgba(248, 248, 248, 1);
}

.exhibition .inner {
    width: 95%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 64px 0;
}

.exhibition h2 {
    margin: 0 0 50px;
    font-size: 32px;
    font-weight: bold;
    border-left: 3px solid rgba(0, 81, 124, 1);
    line-height: 1.1;
    padding-left: 16px;
    letter-spacing: 5%;
    font-family: "BIZ UDPGothic", sans-serif;
}

.exhibition .col4 {
    max-width: unset;
    display: flex;
    flex-wrap: wrap;
    gap: 37px calc(88px/3);
    justify-content: flex-start;
}

@media (max-width: 991px) {
    #exhibition .col4 {
        justify-content: flex-start;
    }
}

@media (max-width: 844px) {
    #exhibition .col4 {
        justify-content: space-around;
    }
}

.exhibition .col4>div {
    width: 248px;
    margin: 0;
    position: relative;
    padding-bottom: 52px;
}
@media (max-width: 991px) {
    #exhibition .col4 > div {
        width: 248px;
    }
}

.exhibition .col4 .img {
    width: 100%;
    height: 152px;
    background: #fff;
    border: 1px solid rgba(221, 221, 221, 1);
    border-radius: 16px;
    margin-bottom: 13px;
}

.exhibition .col4 .img img {
    margin: auto;
    transition: 1s all;
}

.exhibition .col4 .img p {
    margin: auto;
    text-align: center;
    font-size: 17px;
    color: rgba(34, 34, 34, 1);
    font-family: "BIZ UDPGothic", sans-serif;
    padding: 0;
}

.exhibition .col4>div:nth-child(1) .img img,
.exhibition .col4>div:nth-child(3) .img img,
.exhibition .col4>div:nth-child(8) .img img,
.exhibition .col4>div:nth-child(10) .img img,
.exhibition .col4>div:nth-child(14) .img img,
.exhibition .col4>div:nth-child(15) .img img {
    width: 220px;
}

.exhibition .col4>div:nth-child(2) .img img {
    width: 138px;
}

.exhibition .col4>div:nth-child(4) .img img {
    width: 129px;
}

.exhibition .col4>div:nth-child(5) .img img {
    width: 169px;
}

.exhibition .col4>div:nth-child(6) .img img {
    width: 195px;
}

.exhibition .col4>div:nth-child(7) .img img {
    width: 156px;
}

.exhibition .col4>div:nth-child(9) .img img {
    width: 145px;
}

.exhibition .col4>div:nth-child(11) .img img {
    width: 132px;
}

.exhibition .col4>div:nth-child(12) .img img {
    width: 231px;
}

.exhibition .col4>div:nth-child(13) .img img {
    width: 173px;
}
.exhibition .col4 > div .img a {
    transition: .3s;
    overflow: hidden;
    display: flex;
    flex-flow: column;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
}

.exhibition .col4 > div .img a:hover img {
    transform: scale(1.2);
}
.exhibition .col4 > div .img a:hover {
    text-decoration: none;
}

.exhibition .col4 .name p {
    padding: 0;
    margin: 0 0 13px;
    font-size: 20px !important;
    line-height: 1.4;
    color: rgba(83, 159, 190, 1);
    font-weight: bold;
    font-family: "BIZ UDPGothic", sans-serif;
    letter-spacing: 5%;
}

.exhibition .col4 .text p {
    font-size: 17px !important;
    color: rgba(34, 34, 34, 1);
    font-family: "BIZ UDPGothic", sans-serif;
    line-height: 1.5;
    padding: 0;
    margin: 0;
    letter-spacing: 5%;
}

.exhibition .col4 .btn-modal {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.exhibition .col4 .btn-modal a {
    display: block;
    width: 100%;
    font-size: 15px;
    text-decoration: none;
    color: rgba(34, 34, 34, 1);
    letter-spacing: 5%;
    position: relative;
    border-bottom: 1px dotted rgba(0, 0, 0, 1);
    padding-top: 2px;
    padding-bottom: 11px;
}

.exhibition .col4 .btn-modal a::after {
    content: "";
    background: url(../../images/jcsd2026/plus-circle3.svg)no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0px;
    right: 0;
    width: 28px;
    height: 28px;
}

@media (max-width: 767px) {
    .exhibition .inner {
        width: 92%;
        padding: 40px 0;
    }
    .exhibition h2 {
        font-size: 24px;
        margin-bottom: 25px;
    }
}

@media (max-width: 571px) {
    .exhibition .col4 {
        gap: 40px;
    }
    #exhibition .col4 > div {
        width: 100%;
        max-width: 345px;
    }
    .exhibition .col4 .img {
        height: 211px;
    }
    .exhibition .col4>div:nth-child(1) .img img,
    .exhibition .col4>div:nth-child(3) .img img,
    .exhibition .col4>div:nth-child(8) .img img,
    .exhibition .col4>div:nth-child(10) .img img,
    .exhibition .col4>div:nth-child(14) .img img,
    .exhibition .col4>div:nth-child(15) .img img {
        width: 310px;
    }

    .exhibition .col4>div:nth-child(2) .img img {
        width: 198px;
    }

    .exhibition .col4>div:nth-child(4) .img img {
        width: 189px;
    }

    .exhibition .col4>div:nth-child(5) .img img {
        width: 239px;
    }

    .exhibition .col4>div:nth-child(6) .img img {
        width: 275px;
    }

    .exhibition .col4>div:nth-child(7) .img img {
        width: 220px;
    }

    .exhibition .col4>div:nth-child(9) .img img {
        width: 200px;
    }

    .exhibition .col4>div:nth-child(11) .img img {
        width: 190px;
    }

    .exhibition .col4>div:nth-child(12) .img img {
        width: 300px;
    }

    .exhibition .col4>div:nth-child(13) .img img {
        width: 233px;
    }

    .exhibition .col4 .text p {
        font-size: 16px!important;
    }
}
@media (max-width: 480px) {
    #exhibition .col4 > div .img img {
        float: none;
        width: 95%;
        margin: 0 auto;
    }
    .exhibition .col4>div:nth-child(2) .img img,.exhibition .col4>div:nth-child(4) .img img,.exhibition .col4>div:nth-child(5) .img img,
    .exhibition .col4>div:nth-child(6) .img img,.exhibition .col4>div:nth-child(7) .img img,.exhibition .col4>div:nth-child(9) .img img,
    .exhibition .col4>div:nth-child(11) .img img,.exhibition .col4>div:nth-child(13) .img img {
        width: auto!important;
        height: 95%;
    }
}

.space .inner {
    width: 95%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 64px 0;
}

.space h2 {
    margin: 0 0 50px;
    font-size: 32px;
    font-weight: bold;
    border-left: 3px solid rgba(0, 81, 124, 1);
    line-height: 1.1;
    letter-spacing: 5%;
    padding-left: 16px;
    font-family: "BIZ UDPGothic", sans-serif;
}

.space h3 {
    color: rgba(83, 159, 190, 1);
    width: 100%;
    border-bottom: 1px solid rgba(83, 159, 190, 1);
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 5%;
    margin: 0 0 32px;
}

.space .col3 {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 30px;
}

.space .col3>div {
    width: 340px;
    margin: 0;
}

.space .col3 a {
    display: block;
    width: 100%;
    font-size: 17px;
    text-decoration: none;
    color: rgba(34, 34, 34, 1);
    letter-spacing: 5%;
    position: relative;
    padding: 0 24px 8px 0;
    border-bottom: 1px dotted rgba(0, 0, 0, 1);
    font-family: "BIZ UDPGothic", sans-serif;
}

.space .col3 a::after {
    content: "";
    background: url(../../images/jcsd2026/arrow_blue.svg)no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0px;
    right: 0;
    width: 24px;
    height: 24px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
}

.space .col3+h3 {
    margin-top: 64px;
}

.space  p{
    font-size: 15px;
    color: rgba(34, 34, 34, 1);
    font-family: "BIZ UDPGothic", sans-serif;
    line-height: 1.5;
    padding: 0;
    margin: 20px 0 0;
    letter-spacing: 5%;
}

@media (max-width: 767px) {
    .space .inner {
        width: 92%;
        padding: 40px 0;
    }
    .space h2 {
        font-size: 24px;
        margin-bottom: 25px;
    }
    .space h3 {
        font-size: 20px;
    }
    .space .col3>div {
        width: 100%;
    }
    .space .col3 a {
        font-size: 16px;
    }
    .space .col3+h3 {
        margin-top: 40px;
    }
}

.bgcolor {
    background: rgba(248, 248, 248, 1);
}

.bgcolor .inner {
    width: 95%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 64px 0;
}

.bgcolor h2 {
    margin: 0 0 50px;
    font-size: 32px;
    font-weight: bold;
    border-left: 3px solid rgba(0, 81, 124, 1);
    line-height: 1.1;
    padding-left: 16px;
    letter-spacing: 5%;
    font-family: "BIZ UDPGothic", sans-serif;
}

.bgcolor .banner {
    display: flex;
    flex-wrap: wrap;
    gap: 32px 30px;
}

.bgcolor .banner div {
    width: 340px;
}

.bgcolor .banner+h2 {
    margin-top: 64px;
}

.bgcolor .banner p {
    font-size: 17px;
    text-decoration: none;
    color: rgba(34, 34, 34, 1);
    letter-spacing: 5%;
    font-family: "BIZ UDPGothic", sans-serif;
    padding: 0;
    margin: 0;
}

@media (max-width: 767px) {
    .bgcolor .inner {
        width: 92%;
        padding: 40px 0;
    }
    .bgcolor h2 {
        font-size: 24px;
        margin-bottom: 25px;
    }
    .bgcolor .banner {
        gap: 30px calc(100% - 680px);
    }
}
@media (max-width: 744px) {
    .bgcolor .banner {
        gap: 30px 0;
        width: 100%;
        max-width: 345px;
        margin: 0 auto;
    }
    .bgcolor .banner {
        width: 100%;
    }

}

.contact {
    width: 95%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 64px 0 100px;
}

.contact h2 {
    margin: 0 0 40px;
    font-size: 32px;
    font-weight: bold;
    border-left: 3px solid rgba(0, 81, 124, 1);
    line-height: 1.1;
    letter-spacing: 5%;
    padding-left: 16px;
    font-family: "BIZ UDPGothic", sans-serif;
}

.contact .col2 {
    display: flex;
    gap: 30px;
}

.contact .col2 div {
    margin: 0;
    width: calc(50% - 15px);
}

.contact .col2 .title {
    border-bottom: 1px solid rgba(83, 159, 190, 1);
    margin-bottom: 32px;
    width: 100%;
}

.contact .col2 .title p {
    color: rgba(83, 159, 190, 1);
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 5%;
    font-family: "BIZ UDPGothic", sans-serif;
    margin: 0;
    padding: 0 0 10px;
    font-weight: bold;
}

.contact .col2 ul {
    margin: 0;
}

.contact .col2 li {
    position: relative;
    padding-left: 18px;
    font-size: 17px;
    letter-spacing: 5%;
    font-family: "BIZ UDPGothic", sans-serif;
    color: rgba(34, 34, 34, 1);
    margin-bottom: 8px;
    line-height: 1.5;
}

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

.contact .col2 li::before {
    content: "";
    background-color: rgba(83, 159, 190, 1);
    width: 9px;
    height: 9px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 4.5px;
}

@media (max-width: 767px) {
    .contact {
        width: 92%;
        padding: 40px 0;
    }
    .contact h2 {
        font-size: 24px;
        margin-bottom: 25px;
    }
    .contact .col2 {
        gap: 40px;
        flex-wrap: wrap;
    }
    .contact .col2 > div {
        width: 100%;
    }
    .contact .col2 .title {
        margin-bottom: 26px;
    }
    .contact .col2 .title p {
        font-size: 20px;
        padding-bottom: 7px;
    }
    .contact .col2 li {
        font-size: 16px;
    }
    .contact .col2 li::before {
        bottom: unset;
        top: 7px;
    }
}

#sponsor-logo {
    background: rgba(248, 248, 248, 1);
    padding: 54px 0 !important;
}

.sponsor {
    width: 95%;
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: calc(88px / 3);
}

.sponsor>div {
    width: 248px;
}

.sponsor>div a {
    display: block;
    width: 100%;
}

@media (max-width: 767px) {
    #sponsor-logo {
        padding: 40px 0!important;
    }
    .sponsor {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.pagetop {
    display: block;
    width: 72px;
    height: 72px;
    right: 60px;
    bottom: 20px;

}

.pagetop a {
    background: unset;
    width: 100%!important;
    height: 100%!important;
    display: block;
    background: unset!important;
}
.pagetop a i {
    display: none;
}

.pagetop a:hover {
    background: unset;
}

@media (max-width: 767px) {
    .pagetop {
        right: 14px;
        width: 56px;
        height: 56px;
    }
}

footer#site-footer {
    margin: 0;
    padding: 0;
    background: rgba(0, 81, 124, 1);
    min-width: unset;
}

footer#site-footer #copyright {
    margin: 0;
    background: unset;
    padding: 34px 0;
}

footer#site-footer #copyright p {
    border: unset;
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-family: "BIZ UDPGothic", sans-serif;
}

.fixbanner {
    margin: auto;
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
    padding: 36px 0;
    background: rgba(34, 34, 34, 0.32);
}

.fixbanner a {
    display: flex;
    width: 100%;
    max-width: 820px;
    height: 88px;
    margin: auto;
    background: linear-gradient(180deg, #F2AD90 0%, #EA5414 100%);
    border-radius: 44px;
    position: relative;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #fff;
    box-shadow: 0px 8px 8px 0px rgba(34, 34, 34, 0.1);
    font-family: "BIZ UDPGothic", sans-serif;
    transition: .3s ease;
}

.fixbanner a:hover {
    transform: translateY(8px);
    box-shadow: unset;
    text-decoration: none;
    color: #fff;
}

.fixbanner a::before {
    content: "";
    background: url(../../images/jcsd2026/certificate.svg)no-repeat;
    background-size: 100%;
    width: 51.11px;
    height: 51.11px;
    position: absolute;
    top: 0;
    left: calc((42.36/820)*100%);
    bottom: 0;
    margin: auto;
}

.fixbanner a::after {
    content: "";
    background: url(../../images/jcsd2026/arrow_orange.svg)no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc((24/820)*100%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    margin: auto;
    border-radius: 20px;
}
@media (max-width: 767px) {
    .fixbanner {
        padding: 16px 0;
    }
    .fixbanner a {
        width: 92%;
        max-width: 345px;
        height: 72px;
        font-size: 16px;
    }
    .fixbanner a::before {
        width: 28.95px;
        height: 28.95px;
        left: calc((21.53/345)*100%);
    }
    .fixbanner a::after {
        width: 21.71px;
        height: 21.71px;
        right: calc((16.15/345)*100%);
    }
}

.modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999;
    align-items: center;
    justify-content: center;
}

.modal.show {
    display: flex!important;
}

.modal-content {
    background: #fff;
    width: 92%;
    max-width: 1040px;
    position: relative;
    z-index: 10;
    border-radius: 1.6rem;
    overflow: visible;
    padding: 40px 0;
}
.modal-content .map {
    width: 90%;
    margin: auto;
    max-width: 692px;
}
.modal-content .map img {
    width: 100%;
}
.modal-content .company .logo {
    max-width: 320px;
    margin: 0 auto 40px;
}
.modal-content .company .text {
    padding: 0 calc((40 / 1040) * 100%);
}
.modal-content .company .text p {
    font-size: 15px;
    text-align: left;
    line-height: 1.5;
    letter-spacing: 5%;
    color: rgba(0, 0, 0, 1);
    font-family: "BIZ UDPGothic", sans-serif;
    padding: 0;
    margin: 0;
}