.kochiTraining2024 {
    margin: 0 0 10.0em;
}
.reportLink {
    width: 80%;
    margin: 1.0em auto 2.0em;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.reportLink div {
    width: calc(95%/2);
    margin: 0;
    padding: 0.5em;
}

.training {
    margin: 0 0 1.0em;
}
.report {
    margin: 0 0 6.0em;
    padding: 2.0em 8.0em;
    background-color: #f0f0f0;
    border-radius: 10px;
}
.kochiTraining2024 h4 {
    margin: 0 0 1.0em;
    padding: 0 0.5em;
    font-size: 1.5em;
    font-weight: 900;
    text-align: center;
    border-bottom: solid 1px #696969;
}
.report p {
    font-size: 0.9em;
}
.img_w100 img {
    width: 100%;
    height: auto;
}
.reportImage img {
    border: solid 1px #000000;
}
ul.linePhoto1,
ul.linePhoto2,
ul.linePhoto3 {
    width: 100% !important;
    margin: 1.0em auto !important;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.5em;
    align-items: flex-start;
}
ul.linePhoto1 li,
ul.linePhoto2 li,
ul.linePhoto3 li {
    margin: 0;
    margin-bottom: 2.0em;
    padding: 0;
    float: none;
    font-size: 0.8em;
}
.photoCaption{
    margin-top: 0.5em;
    font-size: 0.8em;
}
ul.linePhoto1 li p,
ul.linePhoto2 li p,
ul.linePhoto3 li p {
    font-size: 1.35em;
}
ul.linePhoto1 li img,
ul.linePhoto2 li img,
ul.linePhoto3 li img {
    margin: 0;
    width: 100%;
    height: auto;
}
ul.linePhoto1 li {
    width: calc(98%/2);
}
ul.linePhoto2 li {
    width: calc(98%/2);
}
ul.linePhoto3 li {
    width: calc(98%/3);
}
ul.linePhoto1::after,
ul.linePhoto2::after,
ul.linePhoto3::after {
    content: "";
    clear: both;
    display: block;
}

.report ul.reportList {
    width: 100%;
    display: block;
    margin: 1.0em auto;
}
.report ul.reportList li {
    display: block;
    float: none;
    margin-bottom: 0.5em;
}
.report ul li {
    margin-bottom: 1.5em;
}
.report ul li img {
    margin-bottom: 0.1em;
}
.report ul.reportPhoto {
    width: 100%;
    margin: 1.0em 0 2.5em;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.report ul.reportPhoto li {
    height: 250px;
    margin: 0;
    padding: 0.5em;
    overflow: hidden;
}
ul.reportPhoto li {
    width: 56.0%;
}
ul.reportPhoto li:nth-child(1),
ul.reportPhoto li:nth-child(4),
ul.reportPhoto li:nth-child(5),
ul.reportPhoto li:nth-child(8),
ul.reportPhoto li:nth-child(9),
ul.reportPhoto li:nth-child(12),
ul.reportPhoto li:nth-child(13) {
    width: 40%;
}
ul.reportPhoto li img {
    width: auto;
    height: 365px;
}
.report h5 {
    margin: 1.0em 0;
    padding: 0.25em 1.0em;
    font-size: 1.15em;
    font-weight: 600;
    color: #ffffff;
    background-color: #696969;
}
.report h6 {
    margin: 1.0em 0;
    padding: 0.25em 0;
    font-size: 1.15em;
    font-weight: 600;
}
.pcDisp {
    display: block;
}
.spDisp {
    display: none;
}


/* ブレイクポイント 640px以下
-------------------------------------------------- */
@media only screen and (max-width: 640px) {
    .pcDisp {
        display: none;
    }
    .spDisp {
        display: block;
    }
    .reportLink {
        width: 100%;
        margin: 1.0em auto 2.0em;
        gap: 0.5em;
    }
    .reportLink div {
        width: calc(95%/2);
        padding: 1.0em 0.5em;
        font-size: 0.7em;
        border: solid 1px #cccccc;
        border-radius: 6px;
    }
    .report {
        margin-bottom: 2.0em;
        padding: 1.5em;
        border-radius: 6px;
    }
    .kochiTraining2024 > .report p {
        font-size: 0.9em;
    }
    .report ul.reportPhoto {
        width: 100%;
        margin: 1.0em auto 2.5em;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
    }
    ul.reportPhoto li {
        width: 53.0%;
        margin: 0.25em !important;
    }
    ul.reportPhoto li:nth-child(1),
    ul.reportPhoto li:nth-child(4),
    ul.reportPhoto li:nth-child(5),
    ul.reportPhoto li:nth-child(8),
    ul.reportPhoto li:nth-child(9),
    ul.reportPhoto li:nth-child(12),
    ul.reportPhoto li:nth-child(13) {
        width: 41%;
    }
    .report ul.reportPhoto li {
        height: 125px;
        margin: 0 0.5em 1.0em;
        padding: 0;
        overflow: hidden;
    }
    ul.reportPhoto li img {
        width: auto;
        height: 125px;
    }
    .report h5 {
        font-size: 1.0em;
    }
    .report h6 {
        font-size: 1.0em;
    }
    .kochiTraining2024 h4 {
        padding: 0.5em 1.0em;
        font-size: 1.0em;
        text-align: left;
    }
    .kochiTraining2024 .sizedown {
        font-size: 80.0% !important;
    }
    ul.linePhoto1 li,
    ul.linePhoto2 li,
    ul.linePhoto3 li,
    .photoCaption {
        font-size: 0.65em;
    }
    ul.linePhoto1 li {
        width: 100%;
        margin-bottom: 1.0em;
    }
    ul.linePhoto2 li {
        width: calc(96%/2);
    }
    ul.linePhoto3 li {
        width: calc(95%/3);
    }
}