@charset "UTF-8";
/* ---------------------
変数
--------------------- */
/* モバイル時の不要な空白を修正 */
@media (max-width: 768px) {
  .columns {
    margin-left: 0px;
    margin-right: 0px;
  }
}

/* color */
/* ----------▼▼▼ グループ共通ユーティリティ ▼▼▼----------*/
/* ▼ 画像調整 ▼ */
.img-100 {
  max-width: 100%;
}

@media (max-width: 768px) {
  .img-sp100 {
    max-width: 100% !important;
  }
}

.img-75 {
  max-width: 75%;
}

@media (max-width: 768px) {
  .img-sp75 {
    max-width: 75%;
  }
}

@media (max-width: 768px) {
  .img-sp65 {
    max-width: 65%;
  }
}

.img-50 {
  max-width: 50%;
}

.clearboth {
  clear: both;
}

/* ▼ フォントサイズ・行間・色 ▼ */
.fw-normal {
  font-weight: 400 !important;
}

.bold {
  font-weight: 700 !important;
}

.fs-07rem {
  font-size: 0.7rem;
}

.fs-09rem {
  font-size: 0.9rem;
}

.fs-10rem {
  font-size: 1.0rem;
}

.fs-11rem {
  font-size: 1.1rem;
}

.fs-12rem {
  font-size: 1.2rem;
}

.fs-13rem {
  font-size: 1.3rem;
}

.fs-14rem {
  font-size: 1.4rem;
}

.fs-15rem {
  font-size: 1.5rem;
}

.fs-16rem {
  font-size: 1.6rem;
}

.fs-18rem {
  font-size: 1.8rem;
}

.fs-20rem {
  font-size: 2.0rem;
}

.fs-22rem {
  font-size: 2.2rem;
}

.fs-24rem {
  font-size: 2.4rem;
}

@media (max-width: 768px) {
  .mobile-fs-07rem {
    font-size: 0.7rem !important;
  }
}

@media (max-width: 768px) {
  .mobile-fs-09rem {
    font-size: 0.9rem !important;
  }
}

@media (max-width: 768px) {
  .mobile-fs-11rem {
    font-size: 1.1rem !important;
  }
}

@media (max-width: 768px) {
  .mobile-fs-12rem {
    font-size: 1.2rem !important;
  }
}

@media (max-width: 768px) {
  .mobile-fs-15rem {
    font-size: 1.5rem !important;
  }
}

.fl-09 {
  line-height: 0.9;
}

.fl-15 {
  line-height: 1.5;
}

.fl-18 {
  line-height: 1.8;
}

.fl-20 {
  line-height: 2.0;
}

@media (max-width: 768px) {
  .mobile-fl-10 {
    line-height: 1 !important;
  }
}

@media (max-width: 768px) {
  .mobile-fl-12 {
    line-height: 1.2 !important;
  }
}

@media (max-width: 768px) {
  .mobile-fl-13 {
    line-height: 1.3 !important;
  }
}

@media (max-width: 768px) {
  .mobile-fl-14 {
    line-height: 1.4 !important;
  }
}

.fc-sub {
  color: #AB803E;
}

.fc-black {
  color: black;
}

.fc-blue {
  color: #0073B2;
}

.fc-white {
  color: #FFFFFF;
}

.fc-red {
  color: #ff0000;
}

.fc-navy {
  color: #210097;
}

.bgc-blue-01 {
  background-color: #DEEFFB;
}

.bgc-blue-02 {
  background-color: #0073B2;
}

.bgc-blue-03 {
  background-color: #D3EDFB;
}

/* ▲ フォントサイズ・行間・色 ▲ */
/* ▼ 余白・マージン ▼ */
.mg-none {
  margin: 0px;
}

.my-0p {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mx-0p {
  margin-left: 0px;
  margin-right: 0px;
}

.mt-0p {
  margin-top: 0px !important;
}

.mb-0p {
  margin-bottom: 0px !important;
}

.mr-0p {
  margin-right: 0px;
}

@media (max-width: 768px) {
  .mobile-mt-0 {
    margin-top: 0px !important;
  }
}

@media (max-width: 768px) {
  .mobile-mr-0 {
    margin-right: 0px !important;
  }
}

@media (max-width: 768px) {
  .mobile-ml-0 {
    margin-left: 0px !important;
  }
}

.mx-m02p {
  margin-left: -2px;
  margin-right: -2px;
}

.my-05p {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.mt-05p {
  margin-top: 5px !important;
}

.mb-05p {
  margin-bottom: 5px !important;
}

.ml-05p {
  margin-left: 5px;
}

.mx-1p {
  margin-left: 10px;
  margin-right: 10px;
}

.my-1p {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mt-1p {
  margin-top: 10px !important;
}

.mb-1p {
  margin-bottom: 10px !important;
}

.mr-1p {
  margin-right: 10px;
}

.ml-1p {
  margin-left: 10px;
}

.mt-m1p {
  margin-top: -10px;
}

.ml-m1p {
  margin-left: -10px;
}

@media (max-width: 768px) {
  .mobile-mt-1p {
    margin-top: 10px !important;
  }
}

@media (max-width: 768px) {
  .mobile-ml-1p {
    margin-left: 10px !important;
  }
}

@media (max-width: 1024px) {
  .tablet-ml-1p {
    margin-left: 10px !important;
  }
}

.my-2p {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mt-2p {
  margin-top: 20px;
}

.mr-2p {
  margin-right: 20px;
}

.ml-2p {
  margin-left: 20px;
}

.mb-2p {
  margin-bottom: 20px !important;
}

.mt-m2p {
  margin-top: -20px;
}

.ml-m2p {
  margin-left: -20px;
}

@media (max-width: 768px) {
  .mobile-mt-2p {
    margin-top: 20px !important;
  }
}

@media (max-width: 768px) {
  .mobile-mb-2p {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 768px) {
  .mobile-ml-2p {
    margin-left: 20px !important;
  }
}

.my-3p {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mt-3p {
  margin-top: 30px;
}

.ml-3p {
  margin-left: 30px;
}

.mb-3p {
  margin-bottom: 30px;
}

.ml-m3p {
  margin-left: -30px;
}

.my-4p {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mt-4p {
  margin-top: 40px !important;
}

.mr-4p {
  margin-right: 40px;
}

.ml-4p {
  margin-left: 40px;
}

.mb-4p {
  margin-bottom: 40px !important;
}

.mt-m4p {
  margin-top: -40px;
}

@media (max-width: 768px) {
  .mobile-mt-4p {
    margin-top: 40px !important;
  }
}

@media (max-width: 768px) {
  .mobile-mb-4p {
    margin-bottom: 40px !important;
  }
}

.mt-5p {
  margin-top: 50px;
}

.my-6p {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mt-6p {
  margin-top: 60px !important;
}

.mb-6p {
  margin-bottom: 60px;
}

.mt-m6p {
  margin-top: -60px;
}

.mr-6p {
  margin-right: 60px;
}

@media (max-width: 768px) {
  .mobile-mr-6p {
    margin-right: 60px !important;
  }
}

@media (max-width: 768px) {
  .mobile-mt-7p {
    margin-top: 70px !important;
  }
}

.mr-10p {
  margin-right: 100px;
}

@media (max-width: 768px) {
  .mobile-mr-10p {
    margin-right: 100px !important;
  }
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.p-none {
  padding: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.py-none {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.px-none {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

@media (max-width: 768px) {
  .mobile-pl-0 {
    padding-left: 0px !important;
  }
}

@media (max-width: 768px) {
  .mobile-px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media (max-width: 768px) {
  .mobile-py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}

@media (max-width: 768px) {
  .mobile-pb-0 {
    padding-bottom: 0px !important;
  }
}

.pd-05p {
  padding: 5px !important;
}

.py-05p {
  padding-top: 5px;
  padding-bottom: 5px !important;
}

.pb-05p {
  padding-bottom: 5px;
}

@media (max-width: 768px) {
  .mobile-pd-05 {
    padding: 5px !important;
  }
}

.pd-1p {
  padding: 10px !important;
}

.pr-1p {
  padding-right: 10px !important;
}

.px-1p {
  padding-left: 10px;
  padding-right: 10px;
}

.py-1p {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pl-1p {
  padding-left: 10px;
}

.pb-1p {
  padding-bottom: 10px;
}

@media (max-width: 768px) {
  .mobile-pd-1 {
    padding: 10px !important;
  }
}

@media (max-width: 768px) {
  .mobile-pb-1 {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 768px) {
  .mobile-pl-1 {
    padding-left: 10px !important;
  }
}

.pd-2p {
  padding: 20px !important;
}

.px-2p {
  padding-left: 20px;
  padding-right: 20px;
}

.py-2p {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pt-2p {
  padding-top: 20px;
}

.pb-2p {
  padding-bottom: 20px;
}

.pl-2p {
  padding-left: 20px;
}

.pr-2p {
  padding-right: 20px;
}

@media (max-width: 768px) {
  .mobile-py-2p {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media (max-width: 768px) {
  .mobile-pb-2p {
    padding-bottom: 20px !important;
  }
}

.py-3p {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pl-3p {
  padding-left: 30px;
}

.px-4p {
  padding-left: 40px;
  padding-right: 40px;
}

.py-4p {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pt-4p {
  padding-top: 40px;
}

.pl-4p {
  padding-left: 40px;
}

.pr-4p {
  padding-right: 40px;
}

.pb-4p {
  padding-bottom: 40px;
}

.pd-5p {
  padding: 50px;
}

.py-6p {
  padding-top: 60px;
  padding-bottom: 60px;
}

.px-6p {
  padding-left: 60px;
  padding-right: 60px;
}

.pt-6p {
  padding-top: 60px;
}

.pb-6p {
  padding-bottom: 60px;
}

.pt-14p {
  padding-top: 140px;
}

/* ▲ 余白・マージン ▲ */
/* ▼ 横幅 ▼ */
.w-100 {
  width: 100%;
}

/* ▲ 横幅 ▲ */
/* list-type */
.li_d {
  list-style-type: disc;
}

.li_s {
  list-style-type: square;
}

.li_dec {
  list-style-type: decimal;
}

.li-d-posi_i {
  list-style-position: inside;
}

/* border */
.border_none {
  border: none !important;
}

.border_blue {
  border: solid 1px #00B8FF;
}

.border_navy {
  border: solid 1px #0073B2;
}

.border_gray {
  border: solid 1px #CCC;
}

.border_t_1p_gray {
  border-top: dotted 1px #CCC;
}

.border_b_1p_gray {
  border-bottom: dotted 1px #CCC;
}

.border_b_1p_gray_s {
  border-bottom: solid 1px #CCC;
}

.border_blue_d {
  border: dotted  2px #00B8FF;
}

.border_2p_blue_s {
  border: solid  2px #00B8FF;
}

.border_2p_navy_s {
  border: solid  2px #0073B2;
}

.border_b_2p {
  border-bottom: solid 2px #0073B2;
}

.border_b_2p_gray_s {
  border-bottom: solid 2px #CCC;
}

.border_b_2p_gray_d {
  border-bottom: dotted 2px #CCC;
}

.border_l_5p_blue {
  border-left: solid 5px #009ede;
}

.border_l_5p_red {
  border-left: solid 5px #ff0000;
}

/********角丸********/
.border_radi_10 {
  border-radius: 10px;
}

.border_radi_t_10 {
  border-radius: 10px 10px 0px 0px;
}

.border_radi_tl_10 {
  border-top-left-radius: 10px;
}

.border_radi_tr_10 {
  border-top-right-radius: 10px;
}

/* border */
/******** ▼ url改行設定 ▼ ********/
.url {
  word-break: break-all;
}

/******** ▲ url改行設定 ▲ ********/
/********columns以外の縦位置調整********/
.vertical-center {
  vertical-align: middle;
}

/* ----------▲▲▲ グループ共通ユーティリティ ▲▲▲----------*/