@charset "UTF-8";
/*****************************
  pagesec-corporation
*****************************/
.pagesec-corporation .first{
  margin-bottom: 10rem;
}

.taxinfo > div{
  margin-top: 2rem;
}
.taxinfo > div > dt{
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1rem;
  padding-left: 2rem;
  position: relative;
}
.taxinfo > div > dt::before{
  content: "●";
  color: #0B97D2;
  position: absolute;
  top: 0;
  left: 0;
}
.taxinfo > div > dd .taisyo{
  margin: 1.5rem 0;
}
.taxinfo > div > dd .taisyo dt{
  font-weight: 500;
}

.taxinfo > div > dd .point{
  border: 2px solid #0B97D2;
  border-radius: 6px;
  margin: 2rem 0;
  position: relative;
}
.taxinfo > div > dd .point dt{
  background: #0B97D2;
  color: #fff;
  padding: .5rem 2rem;
}
.taxinfo > div > dd .point dd{
  padding: 2rem;
}
.taxinfo > div > dd .point dd .morebtn3{
  margin-top: 2rem;
}

/*****************************
  pagesec-corporation
*****************************/
.pagesec-corporation .subttl{
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1rem;
  padding-left: 2.2rem;
  position: relative;
}
.pagesec-corporation .subttl::before{
  content: "◆";
  color: #0b97d2;
  position: absolute;
  top: 0;
  left: 0;
}

.pagesec-corporation .letterbox{
  background: #F3EFEC;
  margin: 2rem 0;
  padding: 2rem;
}
.pagesec-corporation .letter{
  background: #fff;
  padding: 2rem ;
}
.pagesec-corporation .letter p{
  background-image: linear-gradient(180deg, #ccc 1px, transparent 1px);
  background-size: 100% 2.5em;
  line-height: 2.5em;
}
.pagesec-corporation .letter .imgbox{
  margin-top: -2rem;
  text-align: right;
}

.pagesec-corporation .logolist{
  padding: 1rem 2rem;
  gap: 1rem;
}
.pagesec-corporation .logolist li{
  width: calc(100% / 6 - 1rem);
}
@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  .pagesec-corporation .logolist li{
    width: calc(100% / 5 - 1rem);
  }
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .pagesec-corporation .letterbox,
  .pagesec-corporation .letter{
    padding: 2rem 1rem ;
  }
  .pagesec-corporation .letter .imgbox{
    margin: 0;
  }
  .pagesec-corporation .letter p {
    background-size: 100% 35px;
    font-size: 16px;
    line-height: 35px;
  }

  .pagesec-corporation .logolist{
    padding: 0 1rem;
  }
  .pagesec-corporation .logolist li{
    width: calc(100% / 3 - 1rem);
  }
}

/*****************************
  pagesec-womens
*****************************/
.pagesec-womens .imgbox{
  margin: 2rem auto 4rem;
  max-width: 800px;
}

/*****************************
  pagesec-kyouryoku
*****************************/
.pagesec-kyouryoku .imgbox{
  margin: 2rem auto 4rem;
  max-width: 800px;
}

/*****************************
  pagesec-unwomen
*****************************/
.pagesec-unwomen .imgbox{
  margin: 2rem auto 4rem;
  max-width: 800px;
}

.pagesec-unwomen dl{
  border: 2px solid #0b97d2;
  position: relative;
  padding: 3rem 2rem;
}
.pagesec-unwomen dt{
  background: #0b97d2;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  padding: 0 1rem;
  position: absolute;
  top: -2rem;
  left: -2px;
}
@media only screen and (max-width: 820px) {
  .pagesec-unwomen dl{
    padding: 0 0 2rem;
  }
  .pagesec-unwomen dt{
    font-size: 2rem;
    line-height: 1.4;
    padding: 1rem;
    position: static;
  }
  .pagesec-unwomen dd{
    padding: 1rem 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .pagesec-unwomen .imgbox{
    text-align: left;
  }
  .pagesec-unwomen dt{
    font-size: 1.8rem;
  }
}

.redtxt{
  color: #fa4a4a;
}

/*****************************
  WEPs
*****************************/
.wepsflex{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.wepsfbox1{
  width: 57%;
  margin-right: 20px;
}
.wepsfbox2{
  width: 40%;
}
@media only screen and (max-width: 767px) {
  .wepsfbox1{
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .wepsfbox2{
    width: 100%;
  }
}

/*****************************
  ご支援の事例
*****************************/
.giftflex{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
}
.giftfbox1{
  width: 77%;
  margin-right: 20px;
}
.giftbox2{
  width: 20%;
}
@media only screen and (max-width: 767px){
  .giftfbox1{
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .giftbox2{
    width: 50%;
    margin: 0 auto;
  }
}

.logolisttxt{
  text-align: center;
  font-size: 20px;
}