@charset "UTF-8";

/*  ---------------------------------------*/

/*General*/
h1, h2, h3, h4, h5, h6, p{
    line-height: 1.6;
    letter-spacing: 0.05em;
}

.entop-inner{
    width: 100%;
    max-width: 1400px;
    margin: 0px auto;
    padding:0 20px;
}

.title-section-wrapper{
    min-width: 600px;
    margin-bottom: 20px;
}

h2.title-page{
    letter-spacing: 0.02em;
    margin-bottom: 20px;
    max-width: 900px;
}

/* mission.vission */
.enaboutmission{
    position: relative;
    padding:80px 0;
}

.enaboutmission-text{
    width: 100%;
}

.enaboutmission-text h2{
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 1.4;
    color: #359319;
    margin:0 0 24px;
}
.enaboutmission-text p{
    width: 100%;
    margin: 0 auto 40px;
    font-size:18px;
}

.enaboutmission-img{
    margin-top: 90px;
    width: 43%;
}

.enaboutmission-bgtext{
    position: absolute;
    right: -20px;
    top: -685px;
}

/* ourproject */

.enourprojects{
    padding:0 0 80px;
}
.entourprojects-list{
    width: 100%;
    margin:0 0 ;
}

.entourproject{
    display: flex;
    justify-content: space-between;
    margin:0 0 40px;
}

.entourproject-text{
    width: 45%;
}

.entourproject-text h2{
    font-size:28px;
    font-weight: 600;
    color: #359319;
    margin:0 0 12px;
}

.entourproject-text h4{
    font-size:16px;
    font-weight: 600;
    line-height: 1.4;
    margin:0 0 8px;
}

.entourproject-text p{
}

.entourproject-img{
    width: 48%;
}

/*Community*/
.encommunity{
    padding:80px 0;
    background-color: #EAEDF2;
}

.encommunity-inner{
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.encommunity-text{
    width: 45%;
}
.encommunity-text h2{
    font-weight: 600;
    font-size: 2.0rem;
    color: #222;
}

.encommunity-numbers{
    flex:1;
    display: grid;
    -ms-grid-columns: calc((100% - 20px) / 2) 20px calc((100% - 20px) / 2) 20px calc((100% - 20px) / 2) 20px calc((100% - 20px) / 2);
    grid-template-columns: repeat(2, calc((100% - 20px) / 2));
    gap: 20px;
}

.encommunity-number{}

.encommunity-number h3{
    font-size: 3rem;
    font-weight: 600;
}

.encommunity-number p{}

/* whatwedo */
.enwhatwedo{
    padding: 80px 0;
}

.enwhatwedo-inner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 200px;
}

.enwhatwedo-list ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items:flex-start;
    width: 100%;
    margin-right: auto;
    flex-wrap: wrap;
}

.enwhatwedo-list ul li{
   width: 23%;
   margin-bottom: 120px;
}

.enwhatwedo-item{}

.enwhatwedo-item-img{
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

.enwhatwedo-item-text{
    width: 100%;
    margin-right: auto;
}

.enwhatwedo-item h3{
    font-size: 32px;
    font-weight: bold;
    line-height: 1.4;
    color: #359319;
}
.enwhatwedo-item-text p{

}

/* Our team */

.enourteam{
    padding: 80px 0;
}
.enmember-list ul{
    flex:1;
    display: grid;
    -ms-grid-columns: calc((100% - 160px) / 5) 80px calc((100% - 160px) / 5) 160px calc((100% - 160px) / 5) 80px calc((100% - 160px) / 5);
    grid-template-columns: repeat(5, calc((100% - 160px) / 5));
    gap: 40px;
}
.enmember-list ul li{
    margin:0 0 20px;
}
.enmember-img {
    margin:0 0 12px;
}
.enmember-text h2{
    font-size: 20px;
    font-weight: 600;
}
.enmember-text p{
    font-size: 14px;
}

.enmember-text p{}

/* advisory */
.enadvisory{
    padding: 80px 0;
}

/* Partner */
.enpartners{
    padding: 80px 0;
}
.enpartner-list{
    flex:1;
    display: grid;
    -ms-grid-columns: calc((100% - 140px) / 8) 40px calc((100% - 140px) / 8) 40px calc((100% - 140px) / 8) 40px calc((100% - 140px) / 8);
    grid-template-columns: repeat(8, calc((100% - 140px) / 8));
    gap: 20px;
}

/* News */
.ennews{
    padding:80px 0;
}

ul.ennews-list{
    margin-bottom: 30px;
}

ul.ennews-list > li{
    padding: 0 0 10px;
}

ul.ennews-list > li a{
    display: block;
}

.ennews-item{
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ennews-date{
    width: 100px;
    line-height: 2;
    font-size: 16px;
    color: #6F7381;
}

.ennews-text{
    width: calc(100% - 120px);
    font-size: 16px;
    text-decoration: underline;
    line-height: 2;
    color: #141519;
    letter-spacing: 0.02em;
}

/* cta */
.encta{
    background: #000;
    padding: 75px 30px;
    color: #fff;
    text-align: center;
}
.encta-title{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: 0.05em;
}
.encta-lead{
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 60px;
}

.encta-btn a{
    background: #fff;
    color: #000;
    place-content: center;
    width: 420px;
    height: 86px;
    min-width: unset;
    padding: 0;
    border-radius: 43px;
}
.encta-btn a.btn[target="_blank"]::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    background: url(../img/common/icon_blank_bk.svg) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    color: #000;
}

/* footer */
#about-footer{

}

#about-footer .footer-logo {
    margin-bottom: 60px;
}

#about-footer .copyright {
    margin-top: 0px;
}
/* footer */


/* small pc */
@media screen and (min-width: 981px) and (max-width: 1240px){


}

/*---------------------------------------------------------------*/

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

.title-section-wrapper{
    min-width: 100%;
}

.title-shoulder{
    font-size: 16px;
}

h2.title-page{
    font-size: 1.6rem;
}

.entop-inner{
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0px auto;
}

/* aboutmission */

.enaboutmission{
    width: 100%;
    margin: 0 auto;
    overflow: visible;
}

.enaboutmission-text {
    max-width: 100%;
}

.enaboutmission-text h2 {
    font-size: 1.6rem;
}

.enaboutmission-text p{
    margin: 0 auto 40px;
    font-size: 14px;
}

/* project */

.entourproject{
    flex-direction: column-reverse;
}

.entourproject-text{
    width: 100%;
}

.entourproject-img{
    width: 100%;
    margin-bottom:20px;
}

/* Community */
.encommunity-inner{
    flex-direction: column;
}

.encommunity-text{
    width: 100%;
}

.encommunity-text h2{
    font-size: 1.6rem;
}
.encommunity-numbers{
    width: 100%;
}

/* whatwedo */
.enwhatwedo {}

.enwhatwedo-list ul li{
    width: 100%;
    margin-bottom:40px;
}

.enwhatwedo-item-img{
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom:0;
}
.enwhatwedo-item-img img{
    height: auto;
    width: 80px;
    margin-right:20px;
}

.enwhatwedo-item-img h3{
    font-size: 24px;
    width: calc(100% - 100px);

}

/* Our team */
.enmember-list ul{
    -ms-grid-columns: calc((100% - 40px) / 2) 40px calc((100% - 40px) / 2) 40px calc((100% - 40px) / 2) 40px calc((100% - 40px) / 2);
    grid-template-columns: repeat(2, calc((100% - 40px) / 2));
    gap: 40px;
}

/* Partner */
.enpartner-list{
    -ms-grid-columns: calc((100% - 40px) / 4) 40px calc((100% - 40px) / 4) 40px calc((100% - 40px) / 4) 40px calc((100% - 40px) / 4);
    grid-template-columns: repeat(4, calc((100% - 30px) / 4));
    gap: 10px;
}

/* News */
.ennews-item{
    flex-direction: column;
    margin-bottom: 20px;
}
.ennews-item >*{
    width: 100%;
}

/* cta */

.encta-lead{
    font-size: 1.6rem;
}
.encta-btn a{
    width:calc(100% - 60px);
    max-width:calc(100% - 60px);
    height: 60px;
}

}