@charset "UTF-8";

/*****************************
  pagesec-first
*****************************/
.pagesec-first .ttl{
  font-size: 2.4rem;
  font-weight: 500;
  text-align: center;
}
@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .pagesec-first .ttl{
    font-size: 2.2rem;
    text-align: left;
  }
}

/*****************************
  pagesec-donation
*****************************/
.pagesec-donation ul{
  gap: 1rem;
}
.pagesec-donation li{
  width: calc(100% / 3 - 1rem);
}
.pagesec-donation li img{
  margin: 0 auto;
  width: 80%;
}
.pagesec-donation li p{
  font-size: 2rem;
  font-weight: 500;
  margin-top: -2rem;
}

/*****************************
  pagesec-event
*****************************/
.pagesec-event .imgbox{
  margin: 2rem auto 4rem;
  max-width: 800px;
}
@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .pagesec-event .ftxtbox,
  .pagesec-event .fimgbox{
    width: 100%;
  }
  .pagesec-event .ftxtbox{
    margin-bottom: 2rem;
  }
}

/*****************************
  pagesec-deliver
*****************************/
.pagesec-deliver .imgbox{
  margin-top: 5rem;
}
.pagesec-deliver .imgbox .subttl{
  font-size: 3rem;
  font-weight: 500;
}
@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .pagesec-deliver .imgbox .subttl{
    font-size: 2.2rem;
  }
}

/*****************************
  pagesec-report
*****************************/
.pagesec-report .subttl{
  font-size: 2.4rem;
  font-weight: 500;
  text-align: center;
}
.pagesec-report .imgbox{
  margin: 2rem auto;
  max-width: 800px;
}
.pagesec-report .description{
  border: 2px solid #0B97D2;
  margin: 0 auto;
  max-width: 800px;
  padding: 2rem;
}
.pagesec-report .description > div:not(:last-of-type){
  margin-bottom: 1rem;
}
.pagesec-report .description dt{
  font-weight: bold;
  width: 140px;
}
.pagesec-report .description dd{
  width: calc(100% - 140px);
}
.pagesec-report .description > div:nth-of-type(1) dt{
  color: #E66C07;
}
.pagesec-report .description > div:nth-of-type(2) dt{
  color: #92D04E;
}
.pagesec-report .description > div:nth-of-type(3) dt{
  color: #4D85BB;
}

@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .pagesec-report .subttl{
    font-size: 2rem;
    text-align: left;
  }
  .pagesec-report .description dt,
  .pagesec-report .description dd{
    width: 100%;
  }
}

/*****************************
  pagesec-achievement
*****************************/
.pagesec-achievement .achievementbox{
  margin-top: 3rem;
  padding: 3rem 0;
}
.pagesec-achievement .achievementbox .fimgbox{
  width: calc(100% - 490px);
}
.pagesec-achievement .achievementbox .ftxtbox{
  width: 470px;
}
.pagesec-achievement .achievementbox .fimgbox .kome{
  text-align: left;
}

.pagesec-achievement .achievementbox .uchiwake{
  margin-bottom: 2rem;
}
.pagesec-achievement .achievementbox .uchiwake > dt{
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.pagesec-achievement .achievementbox .uchiwake dl div{
  border-bottom: 1px solid #0B97D2;
}
.pagesec-achievement .achievementbox .uchiwake dl dt,
.pagesec-achievement .achievementbox .uchiwake dl dd{
  padding: .5rem 1rem;
}
.pagesec-achievement .achievementbox .uchiwake dl dt{
  background: #edf7fc;
  width: 250px;
}
.pagesec-achievement .achievementbox .uchiwake dl dd{
  text-align: right;
  width: calc(100% - 250px);
}

.pagesec-achievement .achievementbox .supporter > div:not(:last-of-type){
  margin-bottom: 1rem;
}
.pagesec-achievement .achievementbox .supporter dt{
  font-weight: bold;
  padding-left: 2rem;
  position: relative;
}
.pagesec-achievement .achievementbox .supporter dt::before{
  content: "●";
  color:#0B97D2;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  .pagesec-achievement .achievementbox .fimgbox {
    width: 100%;
  }
  .pagesec-achievement .achievementbox .fimgbox p{
    max-width: 500px;
    margin: 0 auto;
  }
  .pagesec-achievement .achievementbox .ftxtbox {
    margin: 2rem auto 0;
    max-width: 470px;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .pagesec-achievement .achievementbox .uchiwake > dt {
    font-size: 1.8rem;
  }
  .pagesec-achievement .achievementbox .uchiwake dl > div{
    align-items: flex-end;
  }
  .pagesec-achievement .achievementbox .uchiwake dl dt,
  .pagesec-achievement .achievementbox .uchiwake dl dd{
    font-size: 1.4rem;
  }
  .pagesec-achievement .achievementbox .uchiwake dl dt{
    width: calc(100% - 120px)
  }
  .pagesec-achievement .achievementbox .uchiwake dl dd{
    width: 120px;
  }
  
}

/*****************************
  pagesec-ukraine
*****************************/


/*****************************
  FONT COLOR
*****************************/
.bluetxt{
  color: #0ae;
}