@charset "UTF-8";

.common-title-box {

    .en-title {
        font-size: 4.6rem;

        @media screen and (max-width: 767px) {
          font-size: 2.6rem;
        }
    }
}

.section-box {
    & h3 {
        margin-bottom: 2rem;
    }

}

/* 実施中の奨学金 */
.sec-foundation {
    .foundation-box{

        .content-box{
        
            .foundation-list{
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-column-gap: 5.4rem;
                grid-row-gap: 2rem;
                margin-top: 4rem;

                @media screen and (max-width: 767px) {
                  grid-template-columns: 1fr;
                  margin-top: 3rem;
                }
            
                .foundation-item{
                
                    .common-elip-button{
                        width: 100%;
                        height: 7.4rem;
                        border-radius: 60px;

                        @media screen and (max-width: 767px) {
                          height: 5rem;
                          border-radius: 30px;
                        }
                    
                        .foundation-name{
                        
                        }
                    }
                }
            }
        }
    }

    .bottom-box {
        margin-top: 5rem;
        display: flex;
        flex-direction: column;
        gap: 2rem;

        @media screen and (max-width: 767px) {
          margin-top: 4rem;
        }
    }

}

/* 奨学生の声 */
.sec-voice {
    .content-box {

        .voice-list{
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-row-gap: 6rem;
            margin-top: 4rem;

            @media screen and (max-width: 767px) {
              grid-template-columns: 1fr;
              grid-row-gap: 4rem;
            }

            .voice-item{
                display: flex;
                gap: 2rem;

                @media screen and (max-width: 767px) {
                  padding-bottom: 4rem;
                  border-bottom: 1px solid var(--primary-color);

                }
            
                .img-box{
                    flex: 0 0 11rem;
                    height: 11rem;
                
                }
                .text-box{
                    flex: 1;
                    display: flex;
                    flex-direction: column;
                    gap: 1.8rem;
                
                    .main-text{
                    
                    }
                    .common-elip-button{
                    
                    }
                }

                &:nth-child(odd) {
                    padding-right: 8rem;
                    border-right: 1px solid var(--primary-color);
                    
                    @media screen and (max-width: 767px) {
                        padding-right: 0;
                        border-right: none;
                    }
                }
                &:nth-child(even) {
                    padding-left: 8rem;

                    @media screen and (max-width: 767px) {
                      padding-left: 0;
                    }
                }
            }
        }
    }

}

/* 奨学生から寄付者へのお礼近況報告 */
.sec-update {

    & p {
        margin-bottom: 4rem;

        @media screen and (max-width: 767px) {
          margin-bottom: 3rem;
        }
    }

}

.sec-news {

  @media screen and (max-width: 767px) {
    .news-btn-box {
      margin-top: 5rem;
    }
  }
}