@charset "UTF-8";
/** -----------------------------------
空撮編集
-------------------------------------**/
#lower-page.application-agency .application,
#lower-page.application-agency .application .section-title{
  text-align: center;
}
#lower-page.application-agency .application .flex-container.menu{
  justify-content: center;
  gap: 0 5rem;
}
#lower-page.application-agency .application .flex-container.menu .page-link{
  width: 25%;
  height: 15rem;
  background: linear-gradient(90deg, rgb(23, 45, 169), rgb(155, 216, 241));
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.2em;
}
#lower-page.application-agency .application .contents{
  text-align: justify;
}
#lower-page.application-agency .application .contents h4.title{
  background: linear-gradient(90deg, rgb(23, 45, 169), rgb(155, 216, 241));
  background: -webkit-linear-gradient(0deg, rgb(23, 45, 169), rgb(155, 216, 241));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 3.6rem;
  font-weight: 700;
  display: inline-block;
}
#lower-page.application-agency .application .contents .subtitle{
  color: #9E9E9E;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 2em;
}
#lower-page.application-agency .application .contents p{
  font-size: 1.8rem;
  font-weight: 700;
}
#lower-page.application-agency .application .contents .case{
  margin-top: 6rem;
  margin-bottom: 10rem;
  width: 100%;
}
#lower-page.application-agency .application .contents .case h5{
  color: #fff;
  background: linear-gradient(90deg, rgb(23, 45, 169), rgb(155, 216, 241));
  text-align: center;
  font-size: 2rem;
  padding: 0.5em 0;
}
#lower-page.application-agency .application .contents .case .text{
  background: #fff;
  padding: 4rem;
}
#lower-page.application-agency .application .contents .case .text.wid50{
  width: 50%;
}
#lower-page.application-agency .application .contents .case .text ul li{
  font-size: 1.8rem;
  position: relative;
  padding-left: 1.4em;
}
#lower-page.application-agency .application .contents .case .text ul li:not(:last-of-type){
  margin-bottom: 1em;
}
#lower-page.application-agency .application .contents .case .text ul li::before{
  position: absolute;
  content: "▲";
  top: 55%;
  left: 0;
  transform: translateY(-50%) rotate(90deg);
  background: linear-gradient(90deg, rgb(23, 45, 169), rgb(155, 216, 241));
  background: -webkit-linear-gradient(0deg, rgb(23, 45, 169), rgb(155, 216, 241));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.8em;
}

#lower-page.application-agency .application .contents .flex-container .case{
  width: 47%;
}

#lower-page.application-agency .application .contents h5.title{
  font-size: 2.4rem;
  background: linear-gradient(90deg, rgb(23, 45, 169), rgb(155, 216, 241));
  background: -webkit-linear-gradient(0deg, rgb(23, 45, 169), rgb(155, 216, 241));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  margin-bottom: 0.8em;
  font-weight: 500;
}
#lower-page.application-agency .application .contents .section-inner:not(:last-of-type){
  margin-bottom: 15rem;
  padding-bottom: 15rem;
  border-bottom: 1px solid #bac3f2;
}

#lower-page.application-agency .application .contents .text-center{
  text-align: center;
  font-size: 2.4rem;
  margin-bottom: 2.5em;
}

#lower-page.application-agency .application .contents .request{
  margin-bottom: 8rem;
}
#lower-page.application-agency .application .contents .request-type{
  width: 47%;
  text-align: center;
}
#lower-page.application-agency .application .contents .request-type h5{
  color: #fff;
  background: linear-gradient(90deg, rgb(244, 173, 39), rgb(240, 224, 192));
  text-align: center;
  font-size: 2rem;
  padding: 0.5em 0;
}
#lower-page.application-agency .application .contents .request-type:last-of-type h5{
  background: linear-gradient(90deg, rgb(23, 45, 169), rgb(155, 216, 241));
}
#lower-page.application-agency .application .contents .request-type ul li{
  padding: 2rem;
  border-bottom: 1px solid #f1dbb2;
}
#lower-page.application-agency .application .contents .request-type:last-of-type ul li{
  border-color: #bac3f2;
}

#lower-page.application-agency .flow{
  text-align: center;
}
#lower-page.application-agency .flow .section-title{
  text-align: center;
}
#lower-page.application-agency .flow .step{
  width: 25%;
  padding: 4rem;
}
#lower-page.application-agency .flow .step:nth-of-type(2n+1){
  background: #f5f7ff;
}
#lower-page.application-agency .flow .step .number{
  font-family: "Oswald", sans-serif;
  font-size: 4rem;
  line-height: 1.2;
  text-align: center;
  background: linear-gradient(90deg, rgb(23, 45, 169), rgb(155, 216, 241));
  background: -webkit-linear-gradient(0deg, rgb(23, 45, 169), rgb(155, 216, 241));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#lower-page.application-agency .flow .step .title{
  font-size: 2.0rem;
  font-weight: 700;
  margin-bottom: 0.8em;
}
#lower-page.application-agency .flow .step p{
  text-align: justify;
  line-height: 1.75;
}

/** -------- スマホ -------- **/
@media screen and (max-width: 1000px){
  #lower-page.application-agency .flow .step{
    width: 100%;
  }
  #lower-page.application-agency .application .flex-container.menu{
    gap: 0 4rem;
  }
  #lower-page.application-agency .application .flex-container.menu .page-link{
    width: calc(33% - 3rem);
  }
}
@media screen and (max-width: 768px){
  #lower-page.application-agency .application .contents .flex-container .case{
    width: 100%;
    margin: 0 0 4rem;
  }
  #lower-page.application-agency .application .contents .flex-container .case:first-of-type{
    margin-top: 4rem;
  }
  #lower-page.application-agency .application .contents .request-type{
    width: 100%;
  }
  #lower-page.application-agency .application .contents .request-type:first-of-type{
    margin-bottom: 4rem;
  }
  #lower-page.application-agency .application .contents h4.title{
    font-size: clamp(2.5rem,5.5vw,4.0rem);
  }
  #lower-page.application-agency .application .contents .subtitle{
    font-size: 1.6rem;
  }
  #lower-page.application-agency .application .contents p{
    font-size: 1.6rem;
  }
  #lower-page.application-agency .application .contents .case h5{
    font-size: 1.8rem;
  }
  #lower-page.application-agency .application .contents .section-inner:not(:last-of-type){
    margin-bottom: 10rem;
    padding-bottom: 10rem;
  }
}
@media screen and (max-width: 570px){
  #lower-page.application-agency .application .flex-container.menu{
    gap: 2rem;
  }
  #lower-page.application-agency .application .flex-container.menu .page-link {
    width: calc(50% - 1rem);
    height: 4em;
    font-size: 1.6rem;
  }
  #lower-page.application-agency .application .contents .text-center{
    font-size: 1.8rem;
  }
  #lower-page.application-agency .application .contents p{
    font-size: 1.5rem;
  }
  #lower-page.application-agency .application .contents .case h5{
    font-size: 1.6rem;
  }
  #lower-page.application-agency .application .contents .case .text{
    padding: 2rem;
  }
  #lower-page.application-agency .application .contents .case .text ul li{
    font-size: 1.5rem;
  }
  #lower-page.application-agency .application .contents .case{
    margin-top: 4rem;
    margin-bottom: 6rem;
  }
  #lower-page.application-agency .application .contents h5.title{
    font-size: 2rem;
  }
  #lower-page.application-agency .application .contents .section-inner:not(:last-of-type){
    margin-bottom: 6rem;
    padding-bottom: 6rem;
  }
  #lower-page.application-agency .application .contents .case .text.wid50{
    width: 100%;
  }
}