/*---------------
基本設定
-----------------*/
body{
  font-size: 4.5vw;
}
.wrapper{
  padding: 2.5%
}
/*.pc{
  display: none;
}
.tab{
  display: none;
}
.mobi{
  display: block;
}
.pc.tab{
  display: none;
}*/
.content-lp{
	margin-top:15vw;
}
/*---------------
解決したい課題
-----------------*/
.assignment{
  padding: 80px 2.5% 30px;
}
.assignment h2{
  font-size: 7vw;
}
.assignment h2::before{
  width: 9vw;
  top: -18vw;
}
.assignment h2 span::before,
.assignment h2 span::after{
  width: 8vw;
  height: 8vw;
}
.assignment-con{
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}
.assignment-con > p{
  width: 100%;
  margin-bottom: 10px;
}
.assignment > p{
  font-size: 6vw;
}
.assignment-list{
  padding: 25px 2.5% 22vw;
  background-size: 100%;
}
.assignment-list ul{
  flex-wrap: wrap;
}
.assignment-list li{
  width: 100%;
}
.assignment-txt{
  font-size: 5vw;
}
.assignment-txt .bg-blue{
  font-size: 6vw;
}
.assignment-txt .bg-blue .big{
  font-size: 7vw;
}
/*---------------
サービス概要
-----------------*/
.service{
  padding: 30px 2.5%;
}
.service h2{
  font-size: 7vw;
  padding-left: 14vw;
}
.service h2::before{
  width: 12vw;
}
.service-notes{
  flex-wrap: wrap;
  padding: 20px 2.5%;
}
.service-notes p{
  width: 100%;
  margin-bottom: 20px;
}
.service-notes img{
  width: 100%;
}
.service h3{
  font-size: 6vw;
  padding: 10px;
  margin: 40px 0 20px;
}
.flow-steps{
  column-gap: unset;
}
.flow-step-inner{
  height: 160px;
}
.flow-step-inner:first-of-type,
.flow-step-inner:nth-of-type(2),
.flow-step-inner:nth-of-type(3),
.flow-step-inner:nth-of-type(4),
.flow-step-inner:nth-of-type(5),
.flow-step-inner:nth-of-type(6),
.flow-step-inner:last-of-type{
  width: 100%;
  margin: 0 0 10vw;
}
.flow-step-inner:first-of-type::before,
.flow-step-inner:nth-of-type(2)::before{
  right: unset;
  top: unset;
  left: 50%;
  bottom: -8vw;
  transform: rotate(90deg) translateX(-50%);
  transform-origin: left center;
}
.flow-step-inner:nth-of-type(4)::before,
.flow-step-inner:nth-of-type(5)::before,
.flow-step-inner:nth-of-type(6)::before,
.flow-step-inner:last-of-type::before{
  right: unset;
  top: -8vw;
  left: 50%;
  transform: rotate(90deg) translateX(-50%);
  transform-origin: left center;
}
.flow-step-inner .tiny{
  font-size: 4vw;
}
.flow-sample{
  padding: 30px 2.5%;
  margin: 0;
}
/*---------------
メリット
-----------------*/
.merit-seeker{
  padding: 30px 2.5%;
}
.merit-seeker h2{
  font-size: 7vw;
  padding-left: 14vw;
}
.merit-seeker h2::before{
  width: 12vw;
}
.merit-seeker-con h3{
  font-size: 5vw;
  padding-left: 15vw;
  margin: 40px 0 20px;
}
.merit-seeker-con h3::before{
  width: 13vw;
}
.merit-seeker-con ul{
  padding: 30px 2.5% 30vw;
  flex-wrap: wrap;
}
.merit-seeker-con ul::before{
  width: 35vw;
}
.merit-seeker-con ul::after{
  border-right:13vw solid transparent;
  border-left:13vw solid transparent;
  border-top:9vw solid #c6901e;
  bottom: -13vw;
}
.merit-seeker-con li{
  width: 100%;
  font-size: 4.5vw;
  padding: 10px 10px 10px 10vw;
}
.merit-seeker-con li::before{
  width: 5vw;
}
.merit-seeker-inner{
  column-gap: unset;
  flex-wrap: wrap-reverse;
  justify-content: center;
  margin-top: 15vw;
}
.merit-company{
  padding: 30px 2.5%;
}
.merit-company h2{
  font-size: 7vw;
  padding-left: 14vw;
}
.merit-company h2::before{
  width: 12vw;
}
.merit-company-con h3{
  font-size: 5vw;
  padding-left: 17vw;
  margin: 40px 0 20px;
}
.merit-company-con::before{
  content: none;
}
.merit-company-con h3::before{
  width: 13vw;
}
.merit-company-list{
  padding: 2vw;
  margin-top: 20px;
}
.merit-company-list li{
  margin-bottom: 2vw;
  padding: 15px 10vw 15px 10vw;
  font-size: 4.5vw;
}
.merit-company-list li::before{
  width: 5vw;
  left: 10px;
}
.merit-company-list li::after{
  right: 10px;
}
.merit-company-list li:first-of-type:after{
  width: 7vw;
}
.merit-company-list li:nth-of-type(2):after{
  width: 8vw;
}
.merit-company-list li:last-of-type:after{
  width: 7vw;
}
.merit-sample{
  margin-top: 20px;
}
.merit-sample > p{
  margin-bottom: 20px;
}
.merit-sample-img img{
  width: 100%;
}
/*---------------
利用料について
-----------------*/
.usage-fee{
  padding: 30px 2.5%;
}
.usage-fee h2{
  font-size: 7vw;
  padding-left: 15vw;
  margin: 0 auto 20px;
}
.usage-fee h2::before{
  width: 12vw;
}
.usage-fee-inner{
  flex-wrap: wrap;
}
.usage-fee dl{
  width: 100%;
}
.usage-fee dt{
  font-size: 6vw;
}
.usage-fee .company{
  margin-top: 20px;
}
.usage-fee .seeker dt span{
  padding-left: 11vw;
}
.usage-fee .seeker dt span::before{
  width: 8vw;
}
.usage-fee .company dt span{
  padding-left: 11vw;
}
.usage-fee .company dt span::before{
  width: 8vw;
}
.usage-fee .seeker dd{
  font-size: 6vw;
}
.usage-fee .company dd{
  font-size: 5vw;
}
.usage-fee-txt{
  font-size: 6vw;
  margin: 30px auto 0;
}
.usage-fee-txt span{
  display: inline-block;
  margin-bottom: 2vw;
}
.usage-fee-txt::before{
  left: -3vw;
  height: 50%;
}
.usage-fee-txt::after{
  right: -3vw;
  height: 50%;
}
/*----------------
foot button
----------------*/
.buttons{

}
.buttons a{
  font-size: 4vw;
  padding: 2vw 10vw 2vw 13vw;
  flex-wrap: wrap;
}
.buttons a > p{
  width: 100%;
}
.buttons a .big{
  font-size: 6vw;
}
.buttons a::before{
  left: 10px;
}
.buttons .seeker::before{
  width: 8vw;
}
.buttons .company::before{
  width: 8vw;
}
.buttons a::after{
  right: 10px;
  width: 7vw;
}