@charset "UTF-8";
/*
Theme Name: partner
*/
/* partner
------------------------------------------------------------------------*/
/*得意を活かして共に成果を作る*/
.partner #about {
  margin-top: 10rem;
  margin-bottom: 12.5rem;
}
.partner .ttl-01 h2 {
  margin-top: 14px;
  margin-bottom: 27px;
}
.partner #about::before {
  display: none;
}
.partner p.lead {
  padding-bottom: 29.2rem;
  font-size: 2rem;
  line-height: 2;
}
.partner #about .inner::before {
  position: relative;
}
.partner #about .about-box::before {
  position: relative;
}
.partner #about .about-box::before {
  position: absolute;
  top: 5%;
  left: 50%;
  transform: translate(-50%, -100%);
  content: "";
  background: url(../img/partner/about_text.png) center no-repeat;
  background-size: contain;
  width: 81%;
  aspect-ratio: 1063 / 168;
  z-index: -1;
  max-width: 1063px;
}
.partner #about .inner .about-box {
  margin-top: 0;
}
.partner #about .illust.illust_pc {
  left: 50%;
  top: -54%;
  width: 30.5%;
}
.partner #about .illust.illust_bird {
  width: 10%;
  left: 4.5%;
  top: 8%;
}
.partner #about .illust.illust_sta {
  right: -5%;
  bottom: 6%;
  width: 7.8%;
}
.partner #about p.text01.text02 {
  margin-top: 2.4rem;
  line-height: 2;
  margin-top: 2.3rem;
}
@media screen and (min-width: 751px) and (max-width: 960px) {
  .common.list.partner .pankuzu {
    margin-top: 14.3rem;
  }
  .partner #about {
    margin-top: 13.5rem;
  }
}
@media screen and (max-width: 750px) {
  .partner #about {
    margin-top: 40px;
    margin-bottom: 6rem;
  }
  .partner #about .ttl-01 {
    padding-right: 2.6em;
    padding-left: 2.6em;
  }
  .partner p.lead {
    padding-bottom: 0rem;
    line-height: 2;
    letter-spacing: 0;
    font-size: 14px;
    text-align: left;
  }
  #about .inner .about-box .text01 {
    margin-top: 0;
    position: relative;
    padding-top: 6rem;
  }
  .partner #about p.text01.text02 {
    margin-top: 0;
    padding-top: 0rem;
  }
  .partner #about .about-box::before {
    position: absolute;
    top: -48px;
    left: 50%;
    transform: translate(-50%, 0);
    content: "";
    width: 100vw;
    max-width: 500px;
    height: auto;
    z-index: -1;
    background: url(../img/partner/partner_sp.png) center no-repeat;
    aspect-ratio: 711 / 110;
    background-size: contain;
  }
  .partner #about .illust.illust_pc {
    left: 50%;
    width: 34.5%;
    top: -24%;
  }
  .partner #about .illust.illust_sta {
    right: -11%;
    bottom: 6%;
    width: 14.8%;
    top: inherit;
    left: inherit;
  }
  .partner #about .illust.illust_bird {
    left: 6.5%;
    top: 47%;
    width: 15.8%;
  }
}
/*私たちが仲間として迎えたい人*/
.partner #ideal_partner .ttl-01 h2 {
  margin-top: 13px;
}
.partner #ideal_partner p.lead {
  padding-bottom: 6.2rem;
}
@media screen and (max-width: 750px) {
  section#ideal_partner {
    padding-right: 2.6em;
    padding-left: 2.6em;
  }
  .partner #ideal_partner p.lead {
    padding-bottom: 0;
  }
  .partner .ideal_partner .inner {
    padding-right: 0;
    padding-left: 0;
  }
  .ideal_partner .ttl-01.mv02_on.mv02_off {
    margin-bottom: 20px;
  }
}
/*パートナーの声*/
.partner .voice-box {
  margin-top: 14.5rem;
  margin-bottom: 11.5rem;
}
.partner .voice-box::before {
  bottom: -12rem;
}
.partner .voice_fuki {
  padding: 3rem 2rem 3rem 3rem;
}
@media screen and (max-width: 1000px) {
  .partner .voice_fuki p {
    font-size: 2rem;
  }
}
@media screen and (max-width: 880px) {
  .partner .voice_fuki {
    padding: 3rem 0.5rem 3rem 1.5rem;
  }
}
@media screen and (max-width: 750px) {
  .partner .voice-box {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .partner .inner {
    padding-right: 2.6em;
    padding-left: 2.6em;
  }
  .partner .voice_main {
    max-width: 300px;
    padding-left: 15px;
    width: 70vw;
    margin-top: 0;
  }
  .partner .voice-box::before {
    bottom: 0;
    bottom: -8vw;
  }
  .partner .voice_fuki {
    padding: 15px 5px 16px 5px;
  }
  .partner .voice_fuki p {
    font-size: 13px;
  }
}
/*FAQ*/
.partner .faq-box {
  position: relative;
}
.partner .faq-box::before {
  content: "";
  background: url(../img/partner/bg01.png) center center / cover no-repeat;
  width: 29.6rem;
  height: 27.1rem;
  position: absolute;
  top: 5rem;
  left: 3rem;
  z-index: -2;
}
.partner .faq-box::after {
  content: "";
  background: url(../img/partner/bg02.png) center center / contain no-repeat;
  width: 24rem;
  height: 21rem;
  position: absolute;
  bottom: -13.6rem;
  right: 11.6rem;
  z-index: -1;
}
.partner .faq-box {
  padding: 9.2rem 0 0rem;
}
@media screen and (min-width: 751px) and (max-width: 960px) {
  .partner .faq-box::before {
    top: 12rem;
    left: -17rem;
  }
  .partner .faq-box::after {
    bottom: -13.6rem;
    right: -12.4rem;
  }
}
@media screen and (max-width: 750px) {
  .partner .faq-box::before {
    content: "";
    background: url(../img/partner/bg01.png) center center / cover no-repeat;
    width: 15.6rem;
    height: 14.1rem;
    position: absolute;
    top: 10rem;
    left: -8rem;
    z-index: -2;
  }
  .partner .faq-box::after {
    content: "";
    background: url(../img/partner/bg02.png) center center / contain no-repeat;
    width: 16rem;
    height: 15rem;
    position: absolute;
    bottom: -1.6rem;
    right: -7.4rem;
    z-index: -1;
  }
}
@media screen and (min-width: 751px) and (max-width: 1200px) {
  .inner {
    padding-right: 2.6em;
    padding-left: 2.6em;
  }
}

@media screen and (max-width: 750px) {
  .partner-entry-bnr {
    
  }