@charset "utf-8";

.header ul li:nth-child(3) a{
  color:#efb83b;
  border-bottom:solid 5px #efb83b;
  margin-bottom:-5px;
}
/* ここからメイン */
main .content{
  max-width:900px;
  margin:0 auto;
  padding:0 40px;
  font-family: 'Sawarabi Gothic', sans-serif;
}

.step{
  width:100%;
  background-image:url(../img/step/step.jpg);
  background-repeat:no-repeat;
  background-size: cover;
}

.step h2{
  color:#143475;
  font-size:36px;
  font-weight:bold;
  text-align:center;
  letter-spacing:5px;
  padding-top:90px;
  padding-bottom:90px;
  margin-bottom:90px;
  font-family: 'Sawarabi Gothic', sans-serif;
}


ul.flow{
  max-width:900px;
  margin:0 auto;
  padding:0;
  /* background-color:red; */
}

.flow li{
  border:solid 2px #143475;
  border-radius:25px;
  /* margin-bottom:90px; */
  padding:40px 0;
}


.sec{
  display:flex;
  align-items:center;
  justify-content: center;
}

/* https://yuruyuru-biyori.com/572/ */
.flow .circle{
  display:flex;
  justify-content: center;
  align-content:center;
  flex-wrap: wrap;
  border:solid 5px #143475;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  color: #143475;
  font-size: 20px;
  font-family: 'Sawarabi Gothic', sans-serif;
  font-weight:bold;
  letter-spacing:2px;
  text-align: center;  
  margin-right:90px;
}

.circle_1{
  display:block;
  width:100%;
}

.circle_2{
  display:block;
  width:100%;
  font-size:36px;
  /* letter-spacing:3px; */
}

.flow .sec img{
  max-width:250px;
  
}

.flow dl{
  text-align:center;
  margin-top:20px;
  
  
}
.flow dt{
  color:#143475;
  font-family: 'Sawarabi Gothic', sans-serif;
  font-weight:bold;
  margin-bottom:10px;
  letter-spacing:3px;
  font-size:24px;
}

.flow dd{
  /* font-family: 'BIZ UDPMincho', serif; */
  line-height:1.2;
  letter-spacing:1px;
  padding:0 40px; 
  font-size:20px;
}
.flow dd span{
  display:inline-block;
  font-family: 'Sawarabi Gothic', sans-serif;
  color:#143475;
  font-weight:bold;
}
.t{
  margin:27px 0;
  color:#143475;
  font-size:36px;
  text-align:center;
}

.nintei{
  max-width:900px;
  margin:40px auto 0;
  padding:0 40px;
  font-size:20px;
}

.nintei .ni-1{
  font-family: 'Sawarabi Gothic', sans-serif;
  color:#143475;
  font-weight:bold;
  margin-bottom:10px;
}
.nintei .ni-2{
  line-height:1.2;
  letter-spacing:1px;
}

@media screen and (max-width: 1024px){
  .header ul li:nth-child(3) a{
    color:#143475;
    border-bottom:none;
    margin-bottom:-5px;
  }
  .flow .circle{
    margin-right:30px;
    width: 130px;
    height: 130px;
    font-size: 16px;
}
.circle_2{
  font-size:36px;
}
.flow dd{
  text-align:left;
}

}
@media screen and (max-width: 540px){
  .step h2{
    padding:40px;
    font-size:24px;
    margin-bottom:40px;
   }

   main .content{
    padding:0 10px;
   }

   .flow li{
    border:none;
    padding:0;
}
  .flow li .sec{
    flex-direction:column;
  }

  .flow .circle{
    border:none;
    margin-right:0;
    width:100px;
    height:100px;
  }

  .flow dt{
    font-size:20px;
  }

  .flow dd{
    padding:0 10px;
  }
  .nintei{
    margin-top:80px;
    padding:0 10px;
  }
}