@charset "UTF-8";

/*　レイアウト系
----------------------------------------------- */

/* .d-block {
    display: block;
}

.d-flex {
    display: flex !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-center {
    align-items: center !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
} */

strong,
.fw-700 {
    font-weight: 700 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.position-relative {
    position: relative !important;
}

.flex-1 {
    flex: 1;
}

.line1 {
    line-height: 1.33;
}

.line2 {
    line-height: 2.22;
}

.underline {
    text-decoration: underline;
}

.uppercase {
    text-transform: uppercase;
}

.f-12 {
    font-size: 1.2rem !important;
}

.f-14 {
    font-size: 1.4rem !important;
}

.f-18 {
    font-size: 1.8rem !important;
}

.f-20 {
    font-size: 2rem !important;
}

.f-22 {
    font-size: 2.2rem !important;
}

.f-24 {
    font-size: 2.4rem !important;
}

.f-26 {
    font-size: 2.6rem !important;
}

.f-28 {
    font-size: 2.8rem !important;
}

.f-30 {
    font-size: 3rem !important;
}

.f-40 {
    font-size: 4rem !important;
}

.col-white {
    color: #fff !important;
}

.col-green {
    color: #229BA0 !important;
}

.col-darkgreen {
    color: #13576F !important;
}

.bg-grey {
    background-color: #F5F5F5 !important;
}

.bg-green {
    background-color: #EDFAFA !important;
}


@media screen and (max-width: 768px) {
    body {
        font-size: 1.4rem !important;
    }
    .f-14 {
        font-size: 1.3rem !important;
    }
    .f-18 {
        font-size: 1.5rem !important;
    }
    .f-20 {
        font-size: 1.6rem !important;
    }
    .f-22 {
        font-size: 1.8rem !important;
    }
    .f-24 {
        font-size: 2rem !important;
    }
    .f-26 {
        font-size: 2.2rem !important;
    }
    .f-28 {
        font-size: 2.3rem !important;
    }
    .f-30 {
        font-size: 2.4rem !important;
    }
    .f-40 {
        font-size: 3rem !important;
    }
}

@media screen and (max-width: 480px) {
    .f-22 {
        font-size: 1.6rem !important;
    }
    .f-24 {
        font-size: 1.8rem !important;
    }
    .f-26 {
        font-size: 2rem !important;
    }
    .f-28 {
        font-size: 2.1rem !important;
    }
    .f-30 {
        font-size: 2.2rem !important;
    }
    .f-40 {
        font-size: 2.5rem !important;
    }
}

/*** 位置設定 ================================================== */

.ma0 {
  margin: 0 !important;
}

.ma_to0 {
  margin-top: 0 !important;
}

.ma_to05 {
  margin-top: 0.5em !important;
}

.ma_to10 {
  margin-top: 1em !important;
}

.ma_to20 {
  margin-top: 2em !important;
}

.ma_to30 {
  margin-top: 3em !important;
}

.ma_to40 {
  margin-top: 4em !important;
}

.ma_to50 {
  margin-top: 5em !important;
}

.ma_to60 {
  margin-top: 6em !important;
}

.ma_to70 {
  margin-top: 7em !important;
}

.ma_to15 {
  margin-top: 1.5em !important;
}

.ma_bo05 {
  margin-bottom: 0.5em !important;
}

.ma_bo10 {
  margin-bottom: 1em !important;
}

.ma_bo20 {
  margin-bottom: 2em !important;
}

.ma_bo30 {
  margin-bottom: 3em !important;
}

.ma_bo40 {
  margin-bottom: 4em !important;
}

.ma_bo50 {
  margin-bottom: 5em !important;
}

.ma_bo60 {
  margin-bottom: 6em !important;
}

.ma_bo70 {
  margin-bottom: 7em !important;
}

.ma_bo15 {
  margin-bottom: 1.5em !important;
}

.pa0 {
  padding: 0 !important;
}

.pa_to70 {
  padding-top: 7em !important;
}

.pa_to60 {
  padding-top: 6em !important;
}

.pa_to50 {
  padding-top: 5em !important;
}

.pa_to40 {
  padding-top: 3em !important;
}

.pa_to30 {
  padding-top: 3em !important;
}

.pa_to20 {
  padding-top: 2em !important;
}

.pa_to15 {
  padding-top: 1.5em !important;
}

.pa_to10 {
  padding-top: 1em !important;
}

.pa_to05 {
  padding-top: 0.5em !important;
}

.pa_bo70 {
  padding-bottom: 7em !important;
}

.pa_bo60 {
  padding-bottom: 6em !important;
}

.pa_bo50 {
  padding-bottom: 5em !important;
}

.pa_bo40 {
  padding-bottom: 4em !important;
}

.pa_bo30 {
  padding-bottom: 3em !important;
}

.pa_bo20 {
  padding-bottom: 2em !important;
}

.pa_bo15 {
  padding-bottom: 1.5em !important;
}

.pa_bo10 {
  padding-bottom: 1em !important;
}

.pa_bo05 {
  padding-bottom: 0.5em !important;
}

.w_100 {
  width: 100% !important;
}

@media screen and (max-width: 600px) {
  .ma_to20 {
    margin-top: calc(2em * .65) !important;
  }

  .ma_to30 {
    margin-top: calc(3em * .65) !important;
  }

  .ma_to40 {
    margin-top: calc(4em * .65) !important;
  }

  .ma_to50 {
    margin-top: calc(5em * .65) !important;
  }

  .ma_to60 {
    margin-top: calc(6em * .65) !important;
  }

  .ma_to70 {
    margin-top: calc(7em * .65) !important;
  }

  .ma_to15 {
    margin-top: calc(1.5 * .65)em !important;
  }

  .ma_bo20 {
    margin-bottom: calc(2em * .65) !important;
  }

  .ma_bo30 {
    margin-bottom: calc(3em * .65) !important;
  }

  .ma_bo40 {
    margin-bottom: calc(4em * .65) !important;
  }

  .ma_bo50 {
    margin-bottom: calc(5em * .65) !important;
  }

  .ma_bo60 {
    margin-bottom: calc(6em * .65) !important;
  }

  .ma_bo70 {
    margin-bottom: calc(7em * .65) !important;
  }

  .pa_to80 {
    padding-top: calc(8em * .65) !important;
  }

  .pa_to70 {
    padding-top: calc(7em * .65) !important;
  }

  .pa_to60 {
    padding-top: calc(6em * .65) !important;
  }

  .pa_to50 {
    padding-top: calc(5em * .65) !important;
  }

  .pa_to40 {
    padding-top: calc(3em * .65) !important;
  }

  .pa_to30 {
    padding-top: calc(3em * .65) !important;
  }

  .pa_to20 {
    padding-top: calc(2em * .65) !important;
  }

  .pa_bo70 {
    padding-bottom: calc(7em * .65) !important;
  }

  .pa_bo60 {
    padding-bottom: calc(6em * .65) !important;
  }

  .pa_bo50 {
    padding-bottom: calc(5em * .65) !important;
  }

  .pa_bo40 {
    padding-bottom: calc(4em * .65) !important;
  }

  .pa_bo30 {
    padding-bottom: calc(3em * .65) !important;
  }

  .pa_bo20 {
    padding-bottom: calc(2em * .65) !important;
  }
}