/*----------------
基本設定
----------------*/
body{
  line-height: 1.5;
  font-size: 3vw;
}
/*.pc{
  display: none;
}
.tab{
  display: block;
}
.mobi{
  display: none;
}
.pc.tab{
  display: block;
}*/
/*----------------
解決したい課題
----------------*/
.assignment{
  padding: 100px 1rem 20px;
}
.assignment-list{
  padding: 25px 1rem 180px 1rem;
}
.assignment-txt .bg-blue{
  font-size: 4vw;
}
.assignment-txt .bg-blue .big{
  font-size: 4.9vw;
}
/*----------------
サービス概要
----------------*/
.service{
  padding: 50px 1rem;
}
.service-notes{
  flex-wrap: wrap;
}
.service-notes p{
  width: 100%;
  margin-bottom: 40px;
}
.service-notes img{
  width: 100%;
}
/*----------------
ご利用の流れ
----------------*/
.flow-step-inner{
  height: 160px;
}
.flow-step-inner:first-of-type::before,
.flow-step-inner:nth-of-type(2)::before{
  right: -4vw;
  width: 3vw;
}
.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{
  left: -3.5vw;
  width: 3vw;
}
.flow-step-inner:first-of-type,
.flow-step-inner:nth-of-type(2),
.flow-step-inner:nth-of-type(3){
  width: calc(90% / 3);
  margin-bottom: 20px;
}
.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: calc(85% / 4);
}
.flow-step-inner:nth-of-type(4){
  margin-left: 1rem;
}
.flow-step-inner .tiny{
  font-size: 1.8vw;
}
/*----------------
メリット
----------------*/
.merit-seeker-inner{
  margin-top: 10vw;
}
.merit-seeker-con ul::after{
  bottom: -8vw;
}
.merit-company-con h3{
  margin: 80px 0 40px;
}
.merit-company-con::before{
  width: 20vw;
  top: 18vw;
}
.merit-company-list li{
  padding: 25px 1rem 25px 7vw;
}
.merit-company-list li::before{
  width: 3vw;
  left: 3vw;
}
.merit-company-list li:first-of-type:after{
  width: 5vw;
  right: 1rem;
}
.merit-company-list li:nth-of-type(2):after{
  width: 6vw;
  right: 1rem;
}
.merit-company-list li:last-of-type:after{
  width: 5vw;
  right: 1rem;
}
/*----------------
利用料について
----------------*/
.usage-fee .company dd{
  font-size: 2.5vw;
}
.usage-fee-txt{
  font-size: 4vw;
}
/*----------------
buttons
----------------*/
.buttons .seeker::before{
  width: 4vw;
}
.buttons .company::before{
  width: 4vw;
}
.buttons a{
  font-size: 3vw;
  padding: 1rem 5vw 1rem 8vw;
}
.buttons a > p{
  width: 28vw;
}
.buttons a .big{
  font-size: 4vw;
}