@charset "UTF-8";

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

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

.pagesec-companies .logolist{
  padding: 1rem 2rem;
  gap: 1rem;
}
.pagesec-companies .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-companies .logolist li{
    width: calc(100% / 5 - 1rem);
  }
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .pagesec-companies .letterbox,
  .pagesec-companies .letter{
    padding: 2rem 1rem ;
  }
  .pagesec-companies .letter .imgbox{
    margin: 0;
  }
  .pagesec-companies .letter p {
    background-size: 100% 35px;
    font-size: 16px;
    line-height: 35px;
  }

  .pagesec-companies .logolist{
    padding: 0 1rem;
  }
  .pagesec-companies .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: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@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: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .pagesec-unwomen .imgbox{
    text-align: left;
  }
  .pagesec-unwomen dt{
    font-size: 1.8rem;
  }
}