.scroll_bar{
   background-color: #f0f0f0;
   overflow-y: scroll;
}
.scroll_bar::-webkit-scrollbar{
   width: 5px;
}
.scroll_bar::-webkit-scrollbar-track{
   background-color: #c6c6c6;
}
.scroll_bar::-webkit-scrollbar-thumb{
   background-color: #848484;
}



.eceq-implementation-garden--heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 40px;
}

.eceq-implementation-garden--heading img {
    width: 190px;
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50px;
    margin: auto;
}

.eceq-implementation-garden--heading h1 {
    font-size: .42rem;
    font-family: var(--font-maru);
    font-weight: var(--font-weight-b);
    color: #003399;
}


.eceq-implementation-garden-container th,
.eceq-implementation-garden-container td {
    /* border: solid 1px #3E6EB3; */
    /* border-right: 0px;
    border-bottom: 0px; */
    border-bottom: #3E6EB3 solid 1px;
    border-right: #3E6EB3 solid 1px;
    padding: 10px 0;
    background: #FFF;
}

.eceq-implementation-garden-container td:last-of-type,
.eceq-implementation-garden-container thead th:last-of-type {
    border-right: solid 1px #3E6EB3;
    border-right: 0px;
}

tr {
    border-collapse: collapse;
}

.eceq-implementation-garden-container th {

    background-color: #EAF3FB;
}

.eceq-implementation-garden-container thead th {
    position: sticky;
    top: 0;
    background-color: #EAF3FB;
    border-top: #3E6EB3 solid 0.5px;
    font-size: .16rem;
    color: #003399;
}

.eceq-implementation-garden-container table {
    position: relative;
    width: 725px;
    height: 880px;
    max-width: 100%;
    border-collapse: separate;
    margin: 0 auto;
    font-family: var(--font-maru);
    font-weight: var(--font-weight-m);
}

/* .eceq-implementation-garden section::after{
    position: absolute;
    content: " ";
    background: linear-gradient(rgba(255, 255, 255, 0),rgb(255, 255, 255));
    width: 100%;
    height: 200px;
    bottom: 0;
    left: 0;
 } */

 .eceq-implementation-garden .eceq-implementation-garden--list{
    position: relative;
    margin: 0 auto 100px;
}

.eceq-implementation-garden-container {
    overflow-y: scroll;
    max-height: 615px;
    position: relative;
    width: 725px;
    max-width: 100%;
    margin: 0 auto 52px;
    border: #3E6EB3 solid 1px;
    border-right: none;
}

.eceq-implementation-garden-container2 {
    height: auto;
    overflow: visible;
    border: #3E6EB3 solid 1px;
    border-bottom: none;
	border-right: #3E6EB3 solid 1px;
	box-sizing: content-box;
}
.eceq-implementation-garden-container2 table{
	height:auto;
}

.imp-prefectures,
.imp-certification-year,
.imp-certificate-number {
    width: 115px;
}

.eceq-implementation-garden-container .imp-certificate-number {
    padding-left: 20px;
}

.imp-certification-year {
    text-align: center;
}

.eceq-implementation-garden-container .imp-place-implementation {
    width: 375px;
    text-align: left;
    padding: 12px 10px 12px 14px;
    line-height: 1.5;
}



/* コーディネーター一覧 */

.eceq-coordinator--list h2{
    text-align: center;
    font-size: .27rem;
    font-family: var(--font-maru);
    font-weight: var(--font-weight-b);
	margin-bottom: 20px;
}
.eceq-coordinator--list .eceq-implementation-garden--heading img {
    width: 190px;
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -30px;
    margin: auto;
}

.eceq-coordinator--list .eceq-implementation-garden--heading{
    position: relative;
}

.co-prefectures{
    width: 115px;
}
.eceq-coordinator--list .co-certification-year,
.eceq-coordinator--list .co-full-name{
    width: 165px;
    text-align: left;
    padding-left: 20px;
} 
.eceq-coordinator--list .co-certificate-number{
    width: 177px;
    text-align: left;
    padding-left: 20px;
}




@media screen and (min-width:768px) and ( max-width:960px){

    .eceq-implementation-garden--heading h1 {
        padding-left: 50px;
        font-size: .32rem;
    }

    .eceq-coordinator--list .eceq-implementation-garden--heading h1{
        padding-left: 120px;
    }

    .eceq-coordinator--list .eceq-implementation-garden--heading img {
        left: 30px;
    }
}


@media screen and (max-width: 767px) {

	.eceq-implementation-garden-container {
		max-height: 66vh;
	    border: #3E6EB3 solid 1px;
	}
    .eceq-implementation-garden-container2 {
        border-bottom: none;
    }
    .eceq-implementation-garden{
        padding:  0 20px;
    }

	.eceq-implementation-garden--heading {
		padding-left: 0;
		display: flex;
		flex-wrap: nowrap;
		margin-bottom: 20px;
	}

	.eceq-implementation-garden--heading img {
		width: 130px;
		left: 0;
		position: relative;
	}

	.eceq-implementation-garden--heading h1 {
		font-size: .32rem;
		width: 83%;
		line-height: 1.3;
		display: block;
	}

	.eceq-implementation-garden-container .imp-place-implementation {
		padding: 12px 10px;
	}

    .eceq-implementation-garden-container thead th {
        line-height: 1.2;
    	background-color: #EAF3FB;
    	padding: 10px 6px;
    	white-space: nowrap;
    }

	.eceq-implementation-garden-container td {
		line-height: 1.5;
		padding: 0 6px;
	}
	.eceq-implementation-garden-container th {
		padding: 0 6px;
	}
    .eceq-implementation-garden-container2 th {
        padding: 0 6px;
        white-space: nowrap;
    }
	.eceq-coordinator--list .eceq-implementation-garden--heading img {
		width: 102px;
		left: -17px;
		position: relative;
		left: 0;
	}

    .eceq-coordinator--list .eceq-implementation-garden--heading{
        justify-content: end;
    	padding-left: 0;
    	display: flex;
    	flex-wrap: nowrap;
    	margin-bottom: 30px;
    }

    .co-prefectures {
        width: 15%;
    }

    .imp-certification-year{
        width: 100px;
    }

    .eceq-coordinator--list .co-full-name{
        width: 170px;
    }

	.eceq-implementation-garden .eceq-implementation-garden--list {
		position: relative;
		margin: 0 auto 70px;
	}
	
    .eceq-coordinator--list .co-certificate-number{
        text-align: center;
        padding-left: 0;
        width: 24%;
    }

    .eceq-coordinator--list .co-certification-year{
        width: 165px;
        text-align: center;
        padding-left: 0;
    }

    .eceq-coordinator--list .co-full-name {
        width: 165px;
        text-align: center;
        padding-left: 0;
    }

	.eceq-coordinator--list .co-certification-year {
		width: 120px;
		padding: 0;
	}

    .eceq-coordinator--list .co-certificate-number {
        width: 100px;
        text-align: center;
        padding-left: 0;
    }
	
	.eceq-implementation-garden-container table {
		width: 100%;
		table-layout: auto;
	}

}