#faq .faq-layout>div:first-child{position:relative;padding-left:10px}
#faq .faq-layout h2{height:520px;margin:0}
#faq .faq-doodle{display:none}
#faq .faq-layout>div:first-child::after{
  content:"";
  display:block;
  width:242px;
  height:166px;
  margin-top:-36px;
  margin-left:-3px;
  background:url('faq-ink-c110.svg') center / contain no-repeat;
  pointer-events:none;
}
#faq .faq-list summary{padding:27px 35px 27px 0;font-size:18px;line-height:1.9}
#faq .faq-list summary>i{right:5px}
#faq .faq-list summary>.faq-question{flex:1;min-width:0;font:inherit;letter-spacing:inherit;color:inherit;padding:0}
#faq .faq-word{display:inline-block;white-space:nowrap}
#faq .faq-list details p{padding:0 40px 29px;font-size:17px;line-height:2}
#faq .faq-list details.faq-is-animating{overflow:hidden;will-change:height}
#faq .faq-list details[open] summary{color:#9d3c2c}
#faq .faq-list summary>i::after{transition:transform .3s cubic-bezier(.2,.7,.2,1)}

#flow .flow-list h3{font-size:38px;line-height:1.55}
#flow .flow-list p{font-size:16px;line-height:2}
@media(min-width:801px) and (max-width:1100px){
  #faq .faq-layout h2{height:435px}
  #faq .faq-layout>div:first-child::after{width:195px;height:134px;margin-top:-20px}
}
@media(max-width:800px){
  #faq .faq-layout>div:first-child{padding-left:0}
  #faq .faq-layout h2{height:340px}
  #faq .faq-layout>div:first-child::after{width:118px;height:81px;margin-top:-35px;margin-left:0}
  #faq .faq-list summary{padding:23px 27px 23px 0;font-size:16px;line-height:1.95}
  #faq .faq-list summary{text-wrap:balance}
  #faq .faq-list summary>span{padding-right:0}
  #faq .faq-list details p{padding:0 0 24px;font-size:16px;line-height:2}
  #flow .flow-list h3{font-size:32px;line-height:1.55}
  #flow .flow-list p{font-size:16px;line-height:1.95}

  #flow .flow-art{margin-bottom:4px}
}
@media(max-width:430px){

  #faq .faq-layout>div:first-child{min-height:153px;margin-bottom:18px}
  #faq .faq-layout h2{height:auto;writing-mode:horizontal-tb;font-size:36px;line-height:1.65;margin:0}
  #faq .faq-layout>div:first-child::after{
    position:absolute;
    right:0;
    top:76px;
    width:110px;
    height:76px;
    margin:0;
  }
}
@media(max-width:350px){
  #flow .section-intro h2{font-size:28px}

  #flow .section-intro>p>.flow-intro-sentence{display:block;text-wrap:balance}
  #flow .section-intro>p>br{display:none}
  #faq .faq-layout h2{font-size:34px}
  #faq .faq-layout>div:first-child::after{top:80px;width:86px;height:59px}
}
.reduce-motion #faq .faq-list summary>i::after{transition:none!important}
@media(prefers-reduced-motion:reduce){
  #faq .faq-list summary>i::after{transition:none!important}
}

@media(min-width:1101px){
  #faq .faq-layout>div:first-child::after{position:absolute;left:-12px;top:375px;width:170px;height:130px;margin:0}
}
@media(min-width:801px) and (max-width:1100px){
  #faq .faq-layout>div:first-child::after{position:absolute;left:0;top:280px;width:125px;height:96px;margin:0}
}

.lower-page .wrap-phrase-always{display:inline-block}
.wrap-break{display:none}
@media(max-width:800px){
  .lower-page .wrap-phrase,.lower-footer .wrap-phrase{display:inline-block}
  .lower-page .wrap-break{display:inline}
  .lower-page .work-category{word-break:keep-all;overflow-wrap:normal}
}
@media(max-width:430px){

  .lower-page.pricing .section-intro h2{padding-right:80px}
}

@media(min-width:360px) and (max-width:800px){
  #contact .contact-sentence{display:inline-block}
}
@media(min-width:360px) and (max-width:380px){
  #contact .contact-copy h2{margin-inline:-10px}
}

@media(min-width:801px) and (max-width:1400px){
  #faq .faq-end{display:inline-block}
}