/*------------------------------------------------
		231124 add index project10-13
------------------------------------------------*/
@media screen and (max-width: 768px) {
    #index .section.project .project-items .project-item-09 {
        margin:60px 0 0
    }
}
@media print,screen and (min-width: 769px) {
    #index .section.project .project-items .project-item-10 {
        margin:105px 0 0 175px
    }
}

@media screen and (max-width: 768px) {
    #index .section.project .project-items .project-item-10 {
        margin:36px 0 0
    }
}
@media print,screen and (min-width: 769px) {
    #index .section.project .project-items .project-item-11 {
        margin:160px 0 0 105px
    }
}

@media screen and (max-width: 768px) {
    #index .section.project .project-items .project-item-11 {
        margin:58px 0 0
    }
}


@media print,screen and (min-width: 769px) {
    #index .section.project .project-items .project-item-12 {
        margin:92px 0 0 160px
    }
}

@media screen and (max-width: 768px) {
    #index .section.project .project-items .project-item-12 {
        margin:47px 0 0
    }
}
@media print,screen and (min-width: 769px) {
    #index .section.project .project-items .project-item-13 {
        margin:47px 0 0 0px
    }
}

@media screen and (max-width: 768px) {
    #index .section.project .project-items .project-item-13 {
        margin:60px 0 0
    }
}

.projectlink-item a[href$="../project12/"] .projectlink-item-visual {
    border-right: 1px solid #708a76;
}

/*------------------------------------------------
		231122 add project10 project11 project12
------------------------------------------------*/
#main-content .concept .is-flex li{
	margin-right: 1.15em;
}

.project10 #main-content .concept .sdgs,
.project11 #main-content .concept .sdgs,
.project12 #main-content .concept .sdgs
{
	margin-top: 0 !important;
}

/*------------------------------------------------
		231204 add
------------------------------------------------*/

#index .section.project .project-items .project-item-link--blank:after {
    width: 13px;
    height: 13px;
    content: "";
    background: url("../imgs/common/icon-ext.svg") no-repeat 50%/cover;
    border: none;
    transform: none;
}

.projectlink-items .projectlink-item-link--blank:after {
    width: 13px;
    height: 13px;
    content: "";
    background: url("../imgs/common/icon-ext.svg") no-repeat 50%/cover;
    border: none;
    transform: none;
}

.project11 .columns .column:nth-child(n + 3){
    margin-top: 35px;
}

@media screen and (max-width: 768px) {
    .project11 .columns--02 {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .project11 .columns--02 .column:not(.column--sp-full) {
        flex: 0 0 48%;
        margin-top: 20px;
    }

    .project11 .columns--02 .column--sp-full {
        width: 100%;
    }
}

/*------------------------------------------------
		241121 add
------------------------------------------------*/
@media print,screen and (min-width: 769px) {
    .project03 .page-headline-title {
        text-align: left;
    }
}

@media print,screen and (min-width: 769px) {
    #index .section.project .project-items .project-item-14 {
        margin:213px 0 0 159px
    }
}

@media screen and (max-width: 768px) {
    #index .section.project .project-items .project-item-14 {
        margin:52px 0 0
    }
}

.project14 .heading {
    display: grid;
    grid-template-columns: 25px 1fr;
    gap: 12px;
    font-family:NotoSansCJKjp Medium,Meiryo,sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: calc(25 / 16);
    letter-spacing: 0.04em;
}

.project14 .heading::before {
    margin-block: 12px;
    height: 1px;
    content: "";
    background-color: #2A5134;
}

.project14 .text .link {
    color: #2A5134;
    text-decoration: underline;
}

.project14 .related-pages {
    display: grid;
    gap: 10px;
    padding-inline: 10px;
}

.project14 .related-pages > li {
    position: relative;
    padding-left: 16px;
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing: 0.04em;
}

.project14 .related-pages > li::before {
    position: absolute;
    left: 0;
    width: 10px;
    height: 10px;
    margin-block: 9px;
    content: "";
    background-color: rgb(42 81 52 / 0.3);
    border-radius: 50%;
}

.project14 .related-pages > li > a {
    color: #2A5134;
    text-decoration: underline;
}

@media print,screen and (min-width:769px) {
    .project14 .text .link:hover {
        text-decoration: none;
    }

    .project14 .heading {
        grid-template-columns: 30px 1fr;
        gap: 15px;
        font-size: 1.8rem;
        line-height: calc(30 / 18);
    }

    .project14 .heading::before {
        margin-block: 14px;
    }

    .project14 .related-pages {
        padding-inline: 16px;
    }

    .project14 .related-pages > li {
        padding-left: 19px;
        font-size: 1.5rem;
    }

    .project14 .related-pages > li > a:hover {
        text-decoration: none;
    }
}