/* Scss Document */
:root {
  --pc: 1000px;
  --sp: 999px;
  --fs48: 4.8rem;
  --fs40: 4rem;
  --fs36: 3.6rem;
  --fs28: 2.8rem;
  --fs22: 2.2rem;
  --fs20: 2.0rem;
  --fs18: 1.8rem;
  --fs16: 1.6rem;
  --fs14:1.4rem;
  --fs12:1.2rem; }

@media (max-width: 999px) {
  :root {
    --fs48: 2.6rem;
    --fs40: 2.2rem;
    --fs36: 2.4rem;
    --fs28: 2.2rem;
    --fs22: 2.0rem;
    --fs20: 1.8rem;
    --fs18: 1.4rem;
    --fs16: 1.4rem;
    --fs14: 1.2rem;
    --fs12: 1.0rem; } }
/* 
---------------------------------------
#flow01
---------------------------------------
*/
#flow01 {
  padding: 16rem 0 8rem; }
  @media (max-width: 999px) {
    #flow01 {
      padding: 6rem 0 4rem; } }
  #flow01 .txt {
    text-align: center; }
    @media (max-width: 999px) {
      #flow01 .txt {
        text-align: left; } }

/* 
---------------------------------------
#flow02
---------------------------------------
*/
#flow02 .box {
  display: flex;
  align-items: center;
  padding: 8rem 6rem;
  margin-bottom: 2rem;
  background: #E2F1FD;
  border-radius: 2rem; }
  @media (max-width: 999px) {
    #flow02 .box {
      flex-direction: column;
      padding: 3rem 2rem;
      margin-bottom: 1rem; } }
#flow02 .numberBox {
  color: #6EBAF2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(46/1246*100%);
  margin-right: calc(46/1246*100%);
  align-items: center; }
  @media (max-width: 999px) {
    #flow02 .numberBox {
      width: 100%;
      margin-right: 0;
      margin-bottom: 1rem; } }
  #flow02 .numberBox .deco {
    font-size: 1.8rem;
    line-height: 1.5; }
  #flow02 .numberBox .number {
    font-size: 4rem;
    line-height: 1; }
#flow02 .ttlBox {
  width: calc(645/1246*100%);
  margin-right: calc(67/1246*100%);
  border-left: 2px solid #B6DCF8;
  padding-left: calc(45/1246*100%); }
  @media (max-width: 999px) {
    #flow02 .ttlBox {
      width: 100%;
      margin-right: 0;
      padding-left: 0;
      border-left: none; } }
#flow02 .ttl {
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 1rem;
  color: #01A0E9; }
  @media (max-width: 999px) {
    #flow02 .ttl {
      font-size: 2rem;
      text-align: center; } }
@media (max-width: 999px) {
  #flow02 .txt {
    margin-bottom: 2rem; } }
#flow02 .pic {
  width: calc(440/1246*100%);
  height: auto;
  border-radius: 2rem; }
  @media (max-width: 999px) {
    #flow02 .pic {
      width: 100%; } }