@charset "UTF-8";
/*―――――――――――――――――――――――――*
*	下層共通
*―――――――――――――――――――――――――*/
.under_content {
  font-family: var(--font-family-noto_sans_jp);
}

.under_ttl01 {
  line-height: 1;
  margin-bottom: 35px;
}
.under_ttl01 span {
  display: block;
}
.under_ttl01 span:first-child {
  font-weight: 500;
  font-size: 18px;
  font-family: var(--font-family-poppins);
  margin-bottom: 20px;
}
.under_ttl01 span:last-child {
  font-size: 38px;
  font-weight: 600;
}

.w1520 {
  max-width: 1520px;
  margin-left: auto;
  margin-right: auto;
}

.color_charm {
  color: var(--charm);
}

.color_blue {
  color: var(--blue);
}

.bread_list {
  font-size: 14px;
  display: flex;
  font-family: var(--font-family-poppins);
  margin-bottom: 30px;
  font-weight: 500;
}
.bread_list li:not(:last-child) {
  padding-right: 28px;
  background: url(../img/bread_arrow.svg) no-repeat right 11px center;
}

.under_main_visual {
  padding-top: 60px;
  margin-bottom: 460px;
}
.under_main_visual .w1520 {
  position: relative;
}
.under_main_visual .w1520:before {
  position: absolute;
  content: "";
  display: block;
  aspect-ratio: 500/350;
  width: 500px;
  right: 0;
  top: -10px;
}
.under_main_visual h1 {
  font-size: 64px;
  font-weight: bold;
  margin-bottom: 20px;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}
.under_main_visual .lead {
  line-height: 2;
  margin-bottom: 50px;
}
.under_main_visual nav {
  max-width: -moz-fit-content;
  max-width: fit-content;
  background: #F1F2F3;
  font-size: 15px;
  font-weight: 500;
  border-radius: 4px;
  margin-bottom: 140px;
}
.under_main_visual nav ul {
  display: flex;
}
.under_main_visual nav li {
  padding: 10px 16px;
  position: relative;
}
.under_main_visual nav li:not(:last-child):after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  content: "";
  display: inline-block;
  width: 1px;
  height: 16px;
  background: #C1C1C1;
}
.under_main_visual nav a {
  background: url(../img/nav_arrow.svg) no-repeat left 6px;
  padding: 2px 0 2px 18px;
}

#lead_section {
  position: relative;
  padding-left: 400px;
}
#lead_section:after {
  position: absolute;
  content: "";
  display: block;
  aspect-ratio: 1/1;
  width: 324px;
  left: 0;
  top: 110px;
}
#lead_section.music:after {
  background: url(../img/music/img02.png) no-repeat center/cover;
}
#lead_section.it:after {
  background: url(../img/it/img02.png) no-repeat center/cover;
}
#lead_section h2 {
  font-family: var(--font-family-poppins);
  position: absolute;
  left: 0;
  font-size: 22px;
  top: 4px;
}
#lead_section h3 {
  font-weight: 600;
  font-size: 38px;
  line-height: 1.4;
  margin-bottom: 50px;
}
#lead_section p {
  line-height: 2;
  margin-bottom: 1.5em;
}

#w_service {
  background: #F1F2F3;
  padding-bottom: 140px;
}
#w_service .w1520 {
  position: relative;
  padding-top: 460px;
}
#w_service .w1520:before {
  position: absolute;
  top: -110px;
  content: "";
  display: block;
  aspect-ratio: 1520/500;
  width: 100%;
}

#faq .w1520 {
  display: flex;
}
#faq .ttl {
  width: 340px;
}
#faq .content {
  width: calc(100% - 340px);
}

.w_qa {
  border-top: solid 1px #ccc;
  width: 100%;
}

.qa {
  border-bottom: solid 1px #ccc;
  padding-bottom: 40px;
  cursor: pointer;
}
.qa.open .q {
  background-image: url(../img/minus.svg);
}
.qa .q {
  background: url(../img/plus.svg) no-repeat right 20px top 48px;
}
.qa .q p {
  font-weight: 500;
  padding: 44px 50px 10px 70px;
  background: url(../img/q.svg) no-repeat 18px 40px;
}
.qa .a {
  display: none;
  line-height: 2;
  margin-top: 10px;
  padding-left: 70px;
}

@media only screen and (min-width: 900px) and (max-width: 1840px) {
  .under_content {
    font-size: 0.8791208791vw;
  }
  .under_ttl01 {
    margin-bottom: 1.9230769231vw;
  }
  .under_ttl01 span:first-child {
    font-size: 0.989010989vw;
    margin-bottom: 1.0989010989vw;
  }
  .under_ttl01 span:last-child {
    font-size: 2.0879120879vw;
    font-weight: 600;
  }
  .w1520 {
    max-width: 83.5164835165vw;
  }
  .bread_list {
    font-size: 0.7692307692vw;
    margin-bottom: 1.6483516484vw;
  }
  .bread_list li:not(:last-child) {
    padding-right: 1.5384615385vw;
    background: url(../img/bread_arrow.svg) no-repeat right 0.6043956044vw center/0.3296703297vw auto;
  }
  .under_main_visual {
    padding-top: 3.2967032967vw;
    margin-bottom: 25.2747252747vw;
  }
  .under_main_visual .w1520:before {
    width: 27.4725274725vw;
    right: 1.6483516484vw;
    top: -0.5494505495vw;
  }
  .under_main_visual h1 {
    font-size: 3.5164835165vw;
    margin-bottom: 1.0989010989vw;
  }
  .under_main_visual .lead {
    margin-bottom: 2.7472527473vw;
  }
  .under_main_visual nav {
    font-size: 0.8241758242vw;
    border-radius: 0.2197802198vw;
    margin-bottom: 7.6923076923vw;
  }
  .under_main_visual nav li {
    padding: 0.5494505495vw 0.8791208791vw;
  }
  .under_main_visual nav li:not(:last-child):after {
    width: 0.0549450549vw;
    height: 0.8791208791vw;
  }
  .under_main_visual nav a {
    background: url(../img/nav_arrow.svg) no-repeat left 0.3296703297vw/0.7692307692vw auto;
    padding: 0.1098901099vw 0 0.1098901099vw 0.989010989vw;
  }
  #lead_section {
    padding-left: 21.978021978vw;
  }
  #lead_section:after {
    width: 17.8021978022vw;
    top: 6.043956044vw;
  }
  #lead_section.music:before {
    background: url(../img/music/img02.png) no-repeat center/cover;
  }
  #lead_section.it:before {
    background: url(../img/it/img02.png) no-repeat center/cover;
  }
  #lead_section h2 {
    font-family: var(--font-family-poppins);
    font-size: 1.2087912088vw;
    top: 0.2197802198vw;
  }
  #lead_section h3 {
    font-size: 2.0879120879vw;
    margin-bottom: 2.7472527473vw;
  }
  #w_service {
    padding-bottom: 7.6923076923vw;
  }
  #w_service .w1520 {
    padding-top: 25.2747252747vw;
  }
  #w_service .w1520:before {
    top: -6.043956044vw;
    width: 94%;
    left: 50%;
    transform: translate(-50%, 0);
  }
  #faq .ttl {
    width: 18.6813186813vw;
  }
  #faq .content {
    width: calc(100% - 18.6813186813vw);
  }
  .qa {
    padding-bottom: 2.1978021978vw;
  }
  .qa.open .q {
    background-image: url(../img/minus.svg);
  }
  .qa .q {
    background: url(../img/plus.svg) no-repeat right 1.0989010989vw top 2.6373626374vw/0.8791208791vw auto;
  }
  .qa .q p {
    padding: 2.4175824176vw 2.7472527473vw 0.5494505495vw 3.8461538462vw;
    background: url(../img/q.svg) no-repeat 0.989010989vw 2.1978021978vw/1.8681318681vw auto;
  }
  .qa .a {
    margin-top: 0.5494505495vw;
    padding-left: 3.8461538462vw;
  }
}
@media only screen and (min-width: 900px) {
  .sp_block {
    display: none;
  }
}
@media only screen and (max-width: 899px) {
  .w1520 {
    padding-left: 4vw;
    padding-right: 4vw;
  }
  .under_ttl01 {
    margin-bottom: 5.3333333333vw;
  }
  .under_ttl01 span {
    display: block;
  }
  .under_ttl01 span:first-child {
    font-size: 3.2vw;
    font-family: var(--font-family-poppins);
    margin-bottom: 1.3333333333vw;
  }
  .under_ttl01 span:last-child {
    font-size: 7.4666666667vw;
    line-height: 1.3571428571;
  }
  .bread_list {
    font-size: 2.6666666667vw;
    margin-bottom: 3.2vw;
  }
  .bread_list li:not(:last-child) {
    padding-right: 7.4666666667vw;
    background: url(../img/bread_arrow.svg) no-repeat right 2.9333333333vw center/1.0666666667vw auto;
  }
  .under_main_visual {
    padding-top: 8vw;
    margin-bottom: 48vw;
  }
  .under_main_visual .w1520:before {
    width: 100%;
    position: revert;
    border-radius: 2.6666666667vw 10.6666666667vw;
    margin-bottom: 5.3333333333vw;
  }
  .under_main_visual h1 {
    font-size: 9.6vw;
    line-height: 1.3333333333;
    margin-bottom: 4vw;
  }
  .under_main_visual .lead {
    font-size: 3.2vw;
    line-height: 2.1666666667;
    margin-bottom: 8vw;
  }
  .under_main_visual .lead br {
    display: none;
  }
  .under_main_visual nav {
    max-width: 100%;
    background: #F1F2F3;
    font-size: 3.2vw;
    font-weight: 500;
    border-radius: 1.0666666667vw;
    margin-bottom: 16vw;
  }
  .under_main_visual nav ul {
    display: flex;
    flex-wrap: wrap;
    padding: 2.1333333333vw 0;
  }
  .under_main_visual nav li {
    padding: 1.3333333333vw 2.6666666667vw;
    position: relative;
  }
  .under_main_visual nav li:not(:last-child):after {
    height: 3.2vw;
  }
  .under_main_visual nav a {
    background: url(../img/nav_arrow.svg) no-repeat left 1.6vw/3.2vw auto;
    padding: 0.5333333333vw 0 0.5333333333vw 4.2666666667vw;
  }
  #lead_section {
    padding-left: 0;
  }
  #lead_section h2 {
    position: revert;
    font-size: 4vw;
    margin-bottom: 5.3333333333vw;
  }
  #lead_section h3 {
    font-size: 7.4666666667vw;
    margin-bottom: 6.4vw;
  }
  #lead_section h3 br {
    display: none;
  }
  #lead_section:after {
    position: revert;
    width: 69.3333333333vw;
  }
  #lead_section p {
    font-size: 3.2vw;
    line-height: 2.1666666667;
    margin-bottom: 2em;
  }
  #lead_section p br {
    display: none;
  }
  #w_service .w1520 {
    padding-top: 26.6666666667vw;
  }
  #w_service .w1520:before {
    top: -20.5333333333vw;
    width: 92vw;
    aspect-ratio: 345/155;
  }
  #faq .w1520 {
    display: block;
  }
  #faq .ttl, #faq .content {
    width: 100%;
  }
  .qa {
    padding-bottom: 2.6666666667vw;
    cursor: pointer;
  }
  .qa.open .q {
    background-image: url(../img/minus.svg);
  }
  .qa .q {
    background: url(../img/plus.svg) no-repeat right 0 top 6.6666666667vw/3.4666666667vw 3.4666666667vw;
  }
  .qa .q p {
    font-size: 3.2vw;
    padding: 5.3333333333vw 4.8vw 2.6666666667vw 10.1333333333vw;
    background: url(../img/q.svg) no-repeat left 4vw/7.4666666667vw auto;
  }
  .qa .a {
    font-size: 3.2vw;
    margin-top: 0;
    padding-left: 10.1333333333vw;
    margin-bottom: 1.3333333333vw;
  }
}/*# sourceMappingURL=under_common.css.map */