@charset "UTF-8";
/*///////////////////////////
color
///////////////////////////*/
:root {
  --color-custom-gray: #ddd;
  --color-custom-white: #fff;
  --color-custom-green: #338264;
  --color-custom-emerald: #00b1ae;
  --color-custom-m-green: #a9cbbe;
  --color-custom-l-blue: #f2fafb;
  --color-custom-black: #222;
  --color-custom-orange: #e97131;
}
.has-custom-gray-color {
  color: var(--color-custom-gray) !important;
}
.has-custom-white-color {
  color: var(--color-custom-white) !important;
}
.has-custom-green-color {
  color: var(--color-custom-green) !important;
}
.has-custom-emerald-color {
  color: var(--color-custom-emerald) !important;
}
.has-custom-m-green-color {
  color: var(--color-custom-m-green) !important;
}
.has-custom-l-blue-color {
  color: var(--color-custom-l-blue) !important;
}
.has-custom-black-color {
  color: var(--color-custom-black) !important;
}
.has-custom-orange-color {
  color: var(--color-custom-orange) !important;
}

.has-custom-gray-background-color {
  background-color: var(--color-custom-gray) !important;
}
.has-custom-white-background-color {
  background-color: var(--color-custom-white) !important;
}
.has-custom-green-background-color {
  background-color: var(--color-custom-green) !important;
}
.has-custom-emerald-background-color {
  background-color: var(--color-custom-emerald) !important;
}
.has-custom-m-green-background-color {
  background-color: var(--color-custom-m-green) !important;
}
.has-custom-l-blue-background-color {
  background-color: var(--color-custom-l-blue) !important;
}
.has-custom-black-background-color {
  background-color: var(--color-custom-black) !important;
}
.has-custom-orange-background-color {
  background-color: var(--color-custom-orange) !important;
}

/*============================================================================================================
color-padding
============================================================================================================*/
.content .block-area .wp-block-column.has-background {
  padding: 4rem;
}
.content .block-area .wp-block-group.has-background {
  padding: 4rem;
}
.content .block-area .has-background {
  margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
  .content .block-area .wp-block-group.has-background {
    padding: 2rem;
  }
  .content .block-area .wp-block-column.has-background {
    padding: 2rem;
  }
}

/*============================================================================================================
display
============================================================================================================*/
.block {
  display: block !important;
}

.inline {
  display: inline !important;
}

.inline-block {
  display: inline-block !important;
}
.display-contents {
  display: contents !important;
}
.display-none {
  display: none !important;
}
@media screen and (min-width: 768px) {
  .block_pc {
    display: block !important;
  }

  .inline_pc {
    display: inline !important;
  }

  .inline-block_pc {
    display: inline-block !important;
  }
  .display-contents_pc {
    display: contents !important;
  }
  .display-none_pc {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .block_sp {
    display: block !important;
  }

  .inline_sp {
    display: inline !important;
  }

  .inline-block_sp {
    display: inline-block !important;
  }
  .display-contents_sp {
    display: contents !important;
  }
  .display-none_sp {
    display: none !important;
  }
}

/*============================================================================================================
max-width
============================================================================================================*/

.w1300 {
  max-width: 130rem;
}

.w1200 {
  max-width: 120rem;
}

.w1100 {
  max-width: 110rem;
}

.w1000 {
  max-width: 100rem;
}

.w900 {
  max-width: 90rem;
}

.w800 {
  max-width: 80rem;
}

.w700 {
  max-width: 70rem;
}

.w600 {
  max-width: 60rem;
}

.w500 {
  max-width: 50rem;
}

.w400 {
  max-width: 40rem;
}

.w300 {
  max-width: 30rem;
}

.w100per {
  max-width: 100% !important;
}

.w90per {
  max-width: 90% !important;
}

.w80per {
  max-width: 80% !important;
}

.w70per {
  max-width: 70% !important;
}

.w60per {
  max-width: 60% !important;
}

.w50per {
  max-width: 50% !important;
}

.w40per {
  max-width: 40% !important;
}

.w30per {
  max-width: 30% !important;
}

.w20per {
  max-width: 20% !important;
}

.w10per {
  max-width: 10% !important;
}

@media screen and (max-width: 767px) {
  .w400_sp {
    max-width: 40rem !important;
  }

  .w300_sp {
    max-width: 30rem !important;
  }

  .w200_sp {
    max-width: 20rem !important;
  }

  .w100_sp {
    max-width: 10rem !important;
  }

  .w50_sp {
    max-width: 5rem !important;
  }

  .w100per_sp {
    max-width: 100% !important;
  }

  .w90per_sp {
    max-width: 90% !important;
  }

  .w80per_sp {
    max-width: 80% !important;
  }

  .w70per_sp {
    max-width: 70% !important;
  }

  .w60per_sp {
    max-width: 60% !important;
  }

  .w50per_sp {
    max-width: 50% !important;
  }

  .w40per_sp {
    max-width: 40% !important;
  }

  .w30per_sp {
    max-width: 30% !important;
  }

  .w20per_sp {
    max-width: 20% !important;
  }

  .w10per_sp {
    max-width: 10% !important;
  }
}

/*============================================================================================================
width
============================================================================================================*/

.sw1300 {
  max-width: 130rem;
}

.sw1200 {
  max-width: 120rem;
}

.sw1100 {
  max-width: 110rem;
}

.sw1000 {
  max-width: 100rem;
}

.sw900 {
  max-width: 90rem;
}

.sw800 {
  max-width: 80rem;
}

.sw700 {
  max-width: 70rem;
}

.sw600 {
  max-width: 60rem;
}

.sw500 {
  max-width: 50rem;
}

.sw400 {
  max-width: 40rem;
}

.sw300 {
  max-width: 30rem;
}

.sw100per {
  max-width: 100% !important;
}

.sw90per {
  max-width: 90% !important;
}

.sw80per {
  max-width: 80% !important;
}

.sw70per {
  max-width: 70% !important;
}

.sw60per {
  max-width: 60% !important;
}

.sw50per {
  max-width: 50% !important;
}

.sw40per {
  max-width: 40% !important;
}

.sw30per {
  max-width: 30% !important;
}

.sw20per {
  max-width: 20% !important;
}

.sw10per {
  max-width: 10% !important;
}

@media screen and (max-width: 767px) {
  .sw400_sp {
    max-width: 40rem !important;
  }

  .sw300_sp {
    max-width: 30rem !important;
  }

  .sw200_sp {
    max-width: 20rem !important;
  }

  .sw100_sp {
    max-width: 10rem !important;
  }

  .sw50_sp {
    max-width: 5rem !important;
  }

  .sw100per_sp {
    max-width: 100% !important;
  }

  .sw90per_sp {
    max-width: 90% !important;
  }

  .sw80per_sp {
    max-width: 80% !important;
  }

  .sw70per_sp {
    max-width: 70% !important;
  }

  .sw60per_sp {
    max-width: 60% !important;
  }

  .sw50per_sp {
    max-width: 50% !important;
  }

  .sw40per_sp {
    max-width: 40% !important;
  }

  .sw30per_sp {
    max-width: 30% !important;
  }

  .sw20per_sp {
    max-width: 20% !important;
  }

  .sw10per_sp {
    max-width: 10% !important;
  }
}

/*============================================================================================================
レスポンシブ用
============================================================================================================*/
@media screen and (max-width: 767px) {
  .sp_half {
    max-width: 50%;
  }
  .sp_first {
    order: -1;
  }
}

/*============================================================================================================
gap
============================================================================================================*/
.gap0 {
  gap: 0 !important;
}

.gap10 {
  gap: 1rem !important;
}

.gap20 {
  gap: 2rem !important;
}

.gap30 {
  gap: 3rem !important;
}

.gap40 {
  gap: 4rem !important;
}

.gap50 {
  gap: 5rem !important;
}

.gap60 {
  gap: 6rem !important;
}

.gap70 {
  gap: 7rem !important;
}

.gap80 {
  gap: 8rem !important;
}

.gap90 {
  gap: 9rem !important;
}

.gap100 {
  gap: 10rem !important;
}

@media screen and (min-width: 768px) {
  .gap0_pc {
    gap: 0 !important;
  }

  .gap10_pc {
    gap: 1rem !important;
  }

  .gap20_pc {
    gap: 2rem !important;
  }

  .gap30_pc {
    gap: 3rem !important;
  }

  .gap40_pc {
    gap: 4rem !important;
  }

  .gap50_pc {
    gap: 5rem !important;
  }

  .gap60_pc {
    gap: 6rem !important;
  }

  .gap70_pc {
    gap: 7rem !important;
  }

  .gap80_pc {
    gap: 8rem !important;
  }

  .gap90_pc {
    gap: 9rem !important;
  }

  .gap100_pc {
    gap: 10rem !important;
  }
}

@media screen and (max-width: 767px) {
  .gap0 {
    gap: 0 !important;
  }

  .gap10 {
    gap: 0.5rem !important;
  }

  .gap20 {
    gap: 1rem !important;
  }

  .gap30 {
    gap: 1.5rem !important;
  }

  .gap40 {
    gap: 2rem !important;
  }

  .gap50 {
    gap: 2.5rem !important;
  }

  .gap60 {
    gap: 3rem !important;
  }

  .gap70 {
    gap: 3.5rem !important;
  }

  .gap80 {
    gap: 4rem !important;
  }

  .gap90 {
    gap: 4.5rem !important;
  }

  .gap100 {
    gap: 5rem !important;
  }

  .gap0_sp {
    gap: 0 !important;
  }

  .gap10_sp {
    gap: 1rem !important;
  }

  .gap20_sp {
    gap: 2rem !important;
  }

  .gap30_sp {
    gap: 3rem !important;
  }

  .gap40_sp {
    gap: 4rem !important;
  }

  .gap50_sp {
    gap: 5rem !important;
  }

  .gap60_sp {
    gap: 6rem !important;
  }

  .gap70_sp {
    gap: 7rem !important;
  }

  .gap80_sp {
    gap: 8rem !important;
  }

  .gap90_sp {
    gap: 9rem !important;
  }

  .gap100_sp {
    gap: 10rem !important;
  }
}

/*============================================================================================================
blur
============================================================================================================*/
.blur0 {
  filter: blur(0) !important;
}

.blur10 {
  filter: blur(1rem) !important;
}

.blur20 {
  filter: blur(2rem) !important;
}

.blur30 {
  filter: blur(3rem) !important;
}

.blur40 {
  filter: blur(4rem) !important;
}

.blur50 {
  filter: blur(5rem) !important;
}

.blur60 {
  filter: blur(6rem) !important;
}

.blur70 {
  filter: blur(7rem) !important;
}

.blur80 {
  filter: blur(8rem) !important;
}

.blur90 {
  filter: blur(9rem) !important;
}

.blur100 {
  filter: blur(10rem) !important;
}

@media screen and (min-width: 768px) {
  .blur0_pc {
    filter: blur(0) !important;
  }

  .blur10_pc {
    filter: blur(1rem) !important;
  }

  .blur20_pc {
    filter: blur(2rem) !important;
  }

  .blur30_pc {
    filter: blur(3rem) !important;
  }

  .blur40_pc {
    filter: blur(4rem) !important;
  }

  .blur50_pc {
    filter: blur(5rem) !important;
  }

  .blur60_pc {
    filter: blur(6rem) !important;
  }

  .blur70_pc {
    filter: blur(7rem) !important;
  }

  .blur80_pc {
    filter: blur(8rem) !important;
  }

  .blur90_pc {
    filter: blur(9rem) !important;
  }

  .blur100_pc {
    filter: blur(10rem) !important;
  }
}

@media screen and (max-width: 767px) {
  .blur0 {
    filter: blur(0) !important;
  }

  .blur10 {
    filter: blur(0.5rem) !important;
  }

  .blur20 {
    filter: blur(1rem) !important;
  }

  .blur30 {
    filter: blur(1.5rem) !important;
  }

  .blur40 {
    filter: blur(2rem) !important;
  }

  .blur50 {
    filter: blur(2.5rem) !important;
  }

  .blur60 {
    filter: blur(3rem) !important;
  }

  .blur70 {
    filter: blur(3.5rem) !important;
  }

  .blur80 {
    filter: blur(4rem) !important;
  }

  .blur90 {
    filter: blur(4.5rem) !important;
  }

  .blur100 {
    filter: blur(5rem) !important;
  }

  .blur0_sp {
    filter: blur(0) !important;
  }

  .blur10_sp {
    filter: blur(1rem) !important;
  }

  .blur20_sp {
    filter: blur(2rem) !important;
  }

  .blur30_sp {
    filter: blur(3rem) !important;
  }

  .blur40_sp {
    filter: blur(4rem) !important;
  }

  .blur50_sp {
    filter: blur(5rem) !important;
  }

  .blur60_sp {
    filter: blur(6rem) !important;
  }

  .blur70_sp {
    filter: blur(7rem) !important;
  }

  .blur80_sp {
    filter: blur(8rem) !important;
  }

  .blur90_sp {
    filter: blur(9rem) !important;
  }

  .blur100_sp {
    filter: blur(10rem) !important;
  }
}
/*============================================================================================================
margin
============================================================================================================*/

.mauto {
  margin: auto !important;
}
.mlrauto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.m0 {
  margin: 0 !important;
}

.m10 {
  margin: 1rem !important;
}

.m20 {
  margin: 2rem !important;
}

.m30 {
  margin: 3rem !important;
}

.m40 {
  margin: 4rem !important;
}

.m50 {
  margin: 5rem !important;
}

.m60 {
  margin: 6rem !important;
}

.m70 {
  margin: 7rem !important;
}

.m80 {
  margin: 8rem !important;
}

.m90 {
  margin: 9rem !important;
}

.m100 {
  margin: 10rem !important;
}

.mtauto {
  margin-top: auto !important;
}

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

.mt10 {
  margin-top: 1rem !important;
}

.mt20 {
  margin-top: 2rem !important;
}

.mt30 {
  margin-top: 3rem !important;
}

.mt40 {
  margin-top: 4rem !important;
}

.mt50 {
  margin-top: 5rem !important;
}

.mt60 {
  margin-top: 6rem !important;
}

.mt70 {
  margin-top: 7rem !important;
}

.mt80 {
  margin-top: 8rem !important;
}

.mt90 {
  margin-top: 9rem !important;
}

.mt100 {
  margin-top: 10rem !important;
}

.mrauto {
  margin-right: auto !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mr10 {
  margin-right: 1rem !important;
}

.mr20 {
  margin-right: 2rem !important;
}

.mr30 {
  margin-right: 3rem !important;
}

.mr40 {
  margin-right: 4rem !important;
}

.mr50 {
  margin-right: 5rem !important;
}

.mr60 {
  margin-right: 6rem !important;
}

.mr70 {
  margin-right: 7rem !important;
}

.mr80 {
  margin-right: 8rem !important;
}

.mr90 {
  margin-right: 9rem !important;
}

.mr100 {
  margin-right: 10rem !important;
}

.mbauto {
  margin-bottom: auto !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb10 {
  margin-bottom: 1rem !important;
}

.mb20 {
  margin-bottom: 2rem !important;
}

.mb30 {
  margin-bottom: 3rem !important;
}

.mb40 {
  margin-bottom: 4rem !important;
}

.mb50 {
  margin-bottom: 5rem !important;
}

.mb60 {
  margin-bottom: 6rem !important;
}

.mb70 {
  margin-bottom: 7rem !important;
}

.mb80 {
  margin-bottom: 8rem !important;
}

.mb90 {
  margin-bottom: 9rem !important;
}

.mb100 {
  margin-bottom: 10rem !important;
}

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

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

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

.mb-30 {
  margin-bottom: -3rem !important;
}

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

.mb-50 {
  margin-bottom: -5rem !important;
}

.mb-60 {
  margin-bottom: -6rem !important;
}

.mb-70 {
  margin-bottom: -7rem !important;
}

.mb-80 {
  margin-bottom: -8rem !important;
}

.mb-90 {
  margin-bottom: -9rem !important;
}

.mb-100 {
  margin-bottom: -10rem !important;
}

.mlauto {
  margin-left: auto !important;
}

.ml0 {
  margin-left: 0 !important;
}

.ml10 {
  margin-left: 1rem !important;
}

.ml20 {
  margin-left: 2rem !important;
}

.ml30 {
  margin-left: 3rem !important;
}

.ml40 {
  margin-left: 4rem !important;
}

.ml50 {
  margin-left: 5rem !important;
}

.ml60 {
  margin-left: 6rem !important;
}

.ml70 {
  margin-left: 7rem !important;
}

.ml80 {
  margin-left: 8rem !important;
}

.ml90 {
  margin-left: 9rem !important;
}

.ml100 {
  margin-left: 10rem !important;
}

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

.mt-20 {
  margin-top: -2rem !important;
}

.mt-30 {
  margin-top: -3rem !important;
}

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

.mt-50 {
  margin-top: -5rem !important;
}

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

.mt-70 {
  margin-top: -7rem !important;
}

.mt-80 {
  margin-top: -8rem !important;
}

.mt-90 {
  margin-top: -9rem !important;
}

.mt-100 {
  margin-top: -10rem !important;
}

.mt-110 {
  margin-top: -11rem !important;
}

.mt-120 {
  margin-top: -12rem !important;
}

.mt-130 {
  margin-top: -13rem !important;
}

.mt-140 {
  margin-top: -14rem !important;
}

.mt-150 {
  margin-top: -15rem !important;
}

.mt-160 {
  margin-top: -16rem !important;
}

.mt-170 {
  margin-top: -17rem !important;
}

.mt-180 {
  margin-top: -18rem !important;
}

.mt-190 {
  margin-top: -19rem !important;
}

.mt-200 {
  margin-top: -20rem !important;
}

.ml-10 {
  margin-left: -1rem !important;
}

.ml-20 {
  margin-left: -2rem !important;
}

.ml-30 {
  margin-left: -3rem !important;
}

.ml-40 {
  margin-left: -4rem !important;
}

.ml-50 {
  margin-left: -5rem !important;
}

.ml-60 {
  margin-left: -6rem !important;
}

.ml-70 {
  margin-left: -7rem !important;
}

.ml-80 {
  margin-left: -8rem !important;
}

.ml-90 {
  margin-left: -9rem !important;
}

.ml-100 {
  margin-left: -10rem !important;
}

.ml-110 {
  margin-left: -11rem !important;
}

.ml-120 {
  margin-left: -12rem !important;
}

.ml-130 {
  margin-left: -13rem !important;
}

.ml-140 {
  margin-left: -14rem !important;
}

.ml-150 {
  margin-left: -15rem !important;
}

.ml-160 {
  margin-left: -16rem !important;
}

.ml-170 {
  margin-left: -17rem !important;
}

.ml-180 {
  margin-left: -18rem !important;
}

.ml-190 {
  margin-left: -19rem !important;
}

.ml-200 {
  margin-left: -20rem !important;
}

@media screen and (max-width: 767px) {
  .mauto_sp {
    margin: auto !important;
  }
  .mlrauto_sp {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .m0 {
    margin: 0 !important;
  }

  .m10 {
    margin: 0.5rem !important;
  }

  .m20 {
    margin: 1rem !important;
  }

  .m30 {
    margin: 1.5rem !important;
  }

  .m40 {
    margin: 2rem !important;
  }

  .m50 {
    margin: 2.5rem !important;
  }

  .m60 {
    margin: 3rem !important;
  }

  .m70 {
    margin: 3.5rem !important;
  }

  .m80 {
    margin: 4rem !important;
  }

  .m90 {
    margin: 4.5rem !important;
  }

  .m100 {
    margin: 5rem !important;
  }

  .mt10 {
    margin-top: 0.5rem !important;
  }

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

  .mt20 {
    margin-top: 1rem !important;
  }

  .mt30 {
    margin-top: 1.5rem !important;
  }

  .mt40 {
    margin-top: 2rem !important;
  }

  .mt50 {
    margin-top: 2.5rem !important;
  }

  .mt60 {
    margin-top: 3rem !important;
  }

  .mt70 {
    margin-top: 3.5rem !important;
  }

  .mt80 {
    margin-top: 4rem !important;
  }

  .mt90 {
    margin-top: 4.5rem !important;
  }

  .mt100 {
    margin-top: 5rem !important;
  }

  .mr10 {
    margin-right: 0.5rem !important;
  }

  .mr0 {
    margin-right: 0 !important;
  }

  .mr20 {
    margin-right: 1rem !important;
  }

  .mr30 {
    margin-right: 1.5rem !important;
  }

  .mr40 {
    margin-right: 2rem !important;
  }

  .mr50 {
    margin-right: 2.5rem !important;
  }

  .mr60 {
    margin-right: 3rem !important;
  }

  .mr70 {
    margin-right: 3.5rem !important;
  }

  .mr80 {
    margin-right: 4rem !important;
  }

  .mr90 {
    margin-right: 4.5rem !important;
  }

  .mr100 {
    margin-right: 5rem !important;
  }

  .mb10 {
    margin-bottom: 0.5rem !important;
  }

  .mb0 {
    margin-bottom: 0 !important;
  }

  .mb20 {
    margin-bottom: 1rem !important;
  }

  .mb30 {
    margin-bottom: 1.5rem !important;
  }

  .mb40 {
    margin-bottom: 2rem !important;
  }

  .mb50 {
    margin-bottom: 2.5rem !important;
  }

  .mb60 {
    margin-bottom: 3rem !important;
  }

  .mb70 {
    margin-bottom: 3.5rem !important;
  }

  .mb80 {
    margin-bottom: 4rem !important;
  }

  .mb90 {
    margin-bottom: 4.5rem !important;
  }

  .mb100 {
    margin-bottom: 5rem !important;
  }

  .mb-10 {
    margin-bottom: -0.5rem !important;
  }

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

  .mb-20 {
    margin-bottom: -1rem !important;
  }

  .mb-30 {
    margin-bottom: -1.5rem !important;
  }

  .mb-40 {
    margin-bottom: -2rem !important;
  }

  .mb-50 {
    margin-bottom: -2.5rem !important;
  }

  .mb-60 {
    margin-bottom: -3rem !important;
  }

  .mb-70 {
    margin-bottom: -3.5rem !important;
  }

  .mb-80 {
    margin-bottom: -4rem !important;
  }

  .mb-90 {
    margin-bottom: -4.5rem !important;
  }

  .mb-100 {
    margin-bottom: -5rem !important;
  }

  .ml10 {
    margin-left: 0.5rem !important;
  }

  .ml0 {
    margin-left: 0 !important;
  }

  .ml20 {
    margin-left: 1rem !important;
  }

  .ml30 {
    margin-left: 1.5rem !important;
  }

  .ml40 {
    margin-left: 2rem !important;
  }

  .ml50 {
    margin-left: 2.5rem !important;
  }

  .ml60 {
    margin-left: 3rem !important;
  }

  .ml70 {
    margin-left: 3.5rem !important;
  }

  .ml80 {
    margin-left: 4rem !important;
  }

  .ml90 {
    margin-left: 4.5rem !important;
  }

  .ml100 {
    margin-left: 5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .m0_pc {
    margin: 0 !important;
  }

  .m10_pc {
    margin: 1rem !important;
  }

  .m20_pc {
    margin: 2rem !important;
  }

  .m30_pc {
    margin: 3rem !important;
  }

  .m40_pc {
    margin: 4rem !important;
  }

  .m50_pc {
    margin: 5rem !important;
  }

  .m60_pc {
    margin: 6rem !important;
  }

  .m70_pc {
    margin: 7rem !important;
  }

  .m80_pc {
    margin: 8rem !important;
  }

  .m90_pc {
    margin: 9rem !important;
  }

  .m100_pc {
    margin: 10rem !important;
  }

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

  .mt10_pc {
    margin-top: 1rem !important;
  }

  .mt20_pc {
    margin-top: 2rem !important;
  }

  .mt30_pc {
    margin-top: 3rem !important;
  }

  .mt40_pc {
    margin-top: 4rem !important;
  }

  .mt50_pc {
    margin-top: 5rem !important;
  }

  .mt60_pc {
    margin-top: 6rem !important;
  }

  .mt70_pc {
    margin-top: 7rem !important;
  }

  .mt80_pc {
    margin-top: 8rem !important;
  }

  .mt90_pc {
    margin-top: 9rem !important;
  }

  .mt100_pc {
    margin-top: 10rem !important;
  }

  .mr0_pc {
    margin-right: 0 !important;
  }

  .mr10_pc {
    margin-right: 1rem !important;
  }

  .mr20_pc {
    margin-right: 2rem !important;
  }

  .mr30_pc {
    margin-right: 3rem !important;
  }

  .mr40_pc {
    margin-right: 4rem !important;
  }

  .mr50_pc {
    margin-right: 5rem !important;
  }

  .mr60_pc {
    margin-right: 6rem !important;
  }

  .mr70_pc {
    margin-right: 7rem !important;
  }

  .mr80_pc {
    margin-right: 8rem !important;
  }

  .mr90_pc {
    margin-right: 9rem !important;
  }

  .mr100_pc {
    margin-right: 10rem !important;
  }

  .mb0_pc {
    margin-bottom: 0 !important;
  }

  .mb10_pc {
    margin-bottom: 1rem !important;
  }

  .mb20_pc {
    margin-bottom: 2rem !important;
  }

  .mb30_pc {
    margin-bottom: 3rem !important;
  }

  .mb40_pc {
    margin-bottom: 4rem !important;
  }

  .mb50_pc {
    margin-bottom: 5rem !important;
  }

  .mb60_pc {
    margin-bottom: 6rem !important;
  }

  .mb70_pc {
    margin-bottom: 7rem !important;
  }

  .mb80_pc {
    margin-bottom: 8rem !important;
  }

  .mb90_pc {
    margin-bottom: 9rem !important;
  }

  .mb100_pc {
    margin-bottom: 10rem !important;
  }

  .mb-10_pc {
    margin-bottom: -1rem !important;
  }

  .mb-20_pc {
    margin-bottom: -2rem !important;
  }

  .mb-30_pc {
    margin-bottom: -3rem !important;
  }

  .mb-40_pc {
    margin-bottom: -4rem !important;
  }

  .mb-50_pc {
    margin-bottom: -5rem !important;
  }

  .mb-60_pc {
    margin-bottom: -6rem !important;
  }

  .mb-70_pc {
    margin-bottom: -7rem !important;
  }

  .mb-80_pc {
    margin-bottom: -8rem !important;
  }

  .mb-90_pc {
    margin-bottom: -9rem !important;
  }

  .mb-100_pc {
    margin-bottom: -10rem !important;
  }

  .ml0_pc {
    margin-left: 0 !important;
  }

  .ml10_pc {
    margin-left: 1rem !important;
  }

  .ml20_pc {
    margin-left: 2rem !important;
  }

  .ml30_pc {
    margin-left: 3rem !important;
  }

  .ml40_pc {
    margin-left: 4rem !important;
  }

  .ml50_pc {
    margin-left: 5rem !important;
  }

  .ml60_pc {
    margin-left: 6rem !important;
  }

  .ml70_pc {
    margin-left: 7rem !important;
  }

  .ml80_pc {
    margin-left: 8rem !important;
  }

  .ml90_pc {
    margin-left: 9rem !important;
  }

  .ml100_pc {
    margin-left: 10rem !important;
  }

  .mt-10_pc {
    margin-top: -1rem !important;
  }

  .mt-20_pc {
    margin-top: -2rem !important;
  }

  .mt-30_pc {
    margin-top: -3rem !important;
  }

  .mt-40_pc {
    margin-top: -4rem !important;
  }

  .mt-50_pc {
    margin-top: -5rem !important;
  }

  .mt-60_pc {
    margin-top: -6rem !important;
  }

  .mt-70_pc {
    margin-top: -7rem !important;
  }

  .mt-80_pc {
    margin-top: -8rem !important;
  }

  .mt-90_pc {
    margin-top: -9rem !important;
  }

  .mt-100_pc {
    margin-top: -10rem !important;
  }
}

@media screen and (max-width: 767px) {
  .m0_sp {
    margin: 0 !important;
  }

  .m10_sp {
    margin: 1rem !important;
  }

  .m20_sp {
    margin: 2rem !important;
  }

  .m30_sp {
    margin: 3rem !important;
  }

  .m40_sp {
    margin: 4rem !important;
  }

  .m50_sp {
    margin: 5rem !important;
  }

  .m60_sp {
    margin: 6rem !important;
  }

  .m70_sp {
    margin: 7rem !important;
  }

  .m80_sp {
    margin: 8rem !important;
  }

  .m90_sp {
    margin: 9rem !important;
  }

  .m100_sp {
    margin: 10rem !important;
  }

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

  .mt10_sp {
    margin-top: 1rem !important;
  }

  .mt20_sp {
    margin-top: 2rem !important;
  }

  .mt30_sp {
    margin-top: 3rem !important;
  }

  .mt40_sp {
    margin-top: 4rem !important;
  }

  .mt50_sp {
    margin-top: 5rem !important;
  }

  .mt60_sp {
    margin-top: 6rem !important;
  }

  .mt70_sp {
    margin-top: 7rem !important;
  }

  .mt80_sp {
    margin-top: 8rem !important;
  }

  .mt90_sp {
    margin-top: 9rem !important;
  }

  .mt100_sp {
    margin-top: 10rem !important;
  }

  .mr0_sp {
    margin-right: 0 !important;
  }

  .mr10_sp {
    margin-right: 1rem !important;
  }

  .mr20_sp {
    margin-right: 2rem !important;
  }

  .mr30_sp {
    margin-right: 3rem !important;
  }

  .mr40_sp {
    margin-right: 4rem !important;
  }

  .mr50_sp {
    margin-right: 5rem !important;
  }

  .mr60_sp {
    margin-right: 6rem !important;
  }

  .mr70_sp {
    margin-right: 7rem !important;
  }

  .mr80_sp {
    margin-right: 8rem !important;
  }

  .mr90_sp {
    margin-right: 9rem !important;
  }

  .mr100_sp {
    margin-right: 10rem !important;
  }

  .mb0_sp {
    margin-bottom: 0 !important;
  }

  .mb10_sp {
    margin-bottom: 1rem !important;
  }

  .mb20_sp {
    margin-bottom: 2rem !important;
  }

  .mb30_sp {
    margin-bottom: 3rem !important;
  }

  .mb40_sp {
    margin-bottom: 4rem !important;
  }

  .mb50_sp {
    margin-bottom: 5rem !important;
  }

  .mb60_sp {
    margin-bottom: 6rem !important;
  }

  .mb70_sp {
    margin-bottom: 7rem !important;
  }

  .mb80_sp {
    margin-bottom: 8rem !important;
  }

  .mb90_sp {
    margin-bottom: 9rem !important;
  }

  .mb100_sp {
    margin-bottom: 10rem !important;
  }

  .mb-10_sp {
    margin-bottom: -1rem !important;
  }

  .mb-20_sp {
    margin-bottom: -2rem !important;
  }

  .mb-30_sp {
    margin-bottom: -3rem !important;
  }

  .mb-40_sp {
    margin-bottom: -4rem !important;
  }

  .mb-50_sp {
    margin-bottom: -5rem !important;
  }

  .mb-60_sp {
    margin-bottom: -6rem !important;
  }

  .mb-70_sp {
    margin-bottom: -7rem !important;
  }

  .mb-80_sp {
    margin-bottom: -8rem !important;
  }

  .mb-90_sp {
    margin-bottom: -9rem !important;
  }

  .mb-100_sp {
    margin-bottom: -10rem !important;
  }
  .ml0_sp {
    margin-left: 0 !important;
  }

  .ml10_sp {
    margin-left: 1rem !important;
  }

  .ml20_sp {
    margin-left: 2rem !important;
  }

  .ml30_sp {
    margin-left: 3rem !important;
  }

  .ml40_sp {
    margin-left: 4rem !important;
  }

  .ml50_sp {
    margin-left: 5rem !important;
  }

  .ml60_sp {
    margin-left: 6rem !important;
  }

  .ml70_sp {
    margin-left: 7rem !important;
  }

  .ml80_sp {
    margin-left: 8rem !important;
  }

  .ml90_sp {
    margin-left: 9rem !important;
  }

  .ml100_sp {
    margin-left: 10rem !important;
  }

  .mt-10_sp {
    margin-top: -1rem !important;
  }

  .mt-20_sp {
    margin-top: -2rem !important;
  }

  .mt-30_sp {
    margin-top: -3rem !important;
  }

  .mt-40_sp {
    margin-top: -4rem !important;
  }

  .mt-50_sp {
    margin-top: -5rem !important;
  }

  .mt-60_sp {
    margin-top: -6rem !important;
  }

  .mt-70_sp {
    margin-top: -7rem !important;
  }

  .mt-80_sp {
    margin-top: -8rem !important;
  }

  .mt-90_sp {
    margin-top: -9rem !important;
  }

  .mt-100_sp {
    margin-top: -10rem !important;
  }
}

/*============================================================================================================
padding
============================================================================================================*/

.p0 {
  padding: 0 !important;
}

.p10 {
  padding: 1rem !important;
}

.p20 {
  padding: 2rem !important;
}

.p30 {
  padding: 3rem !important;
}

.p40 {
  padding: 4rem !important;
}

.p50 {
  padding: 5rem !important;
}

.p60 {
  padding: 6rem !important;
}

.p70 {
  padding: 7rem !important;
}

.p80 {
  padding: 8rem !important;
}

.p90 {
  padding: 9rem !important;
}

.p100 {
  padding: 10rem !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pt10 {
  padding-top: 1rem !important;
}

.pt20 {
  padding-top: 2rem !important;
}

.pt30 {
  padding-top: 3rem !important;
}

.pt40 {
  padding-top: 4rem !important;
}

.pt50 {
  padding-top: 5rem !important;
}

.pt60 {
  padding-top: 6rem !important;
}

.pt70 {
  padding-top: 7rem !important;
}

.pt80 {
  padding-top: 8rem !important;
}

.pt90 {
  padding-top: 9rem !important;
}

.pt100 {
  padding-top: 10rem !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pr10 {
  padding-right: 1rem !important;
}

.pr20 {
  padding-right: 2rem !important;
}

.pr30 {
  padding-right: 3rem !important;
}

.pr40 {
  padding-right: 4rem !important;
}

.pr50 {
  padding-right: 5rem !important;
}

.pr60 {
  padding-right: 6rem !important;
}

.pr70 {
  padding-right: 7rem !important;
}

.pr80 {
  padding-right: 8rem !important;
}

.pr90 {
  padding-right: 9rem !important;
}

.pr100 {
  padding-right: 10rem !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pb10 {
  padding-bottom: 1rem !important;
}

.pb20 {
  padding-bottom: 2rem !important;
}

.pb30 {
  padding-bottom: 3rem !important;
}

.pb40 {
  padding-bottom: 4rem !important;
}

.pb50 {
  padding-bottom: 5rem !important;
}

.pb60 {
  padding-bottom: 6rem !important;
}

.pb70 {
  padding-bottom: 7rem !important;
}

.pb80 {
  padding-bottom: 8rem !important;
}

.pb90 {
  padding-bottom: 9rem !important;
}

.pb100 {
  padding-bottom: 10rem !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pl10 {
  padding-left: 1rem !important;
}

.pl20 {
  padding-left: 2rem !important;
}

.pl30 {
  padding-left: 3rem !important;
}

.pl40 {
  padding-left: 4rem !important;
}

.pl50 {
  padding-left: 5rem !important;
}

.pl60 {
  padding-left: 6rem !important;
}

.pl70 {
  padding-left: 7rem !important;
}

.pl80 {
  padding-left: 8rem !important;
}

.pl90 {
  padding-left: 9rem !important;
}

.pl100 {
  padding-left: 10rem !important;
}

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

.plr10 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.plr20 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.plr30 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.plr40 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.plr50 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.plr60 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.plr70 {
  padding-left: 7rem !important;
  padding-right: 7rem !important;
}

.plr80 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.plr90 {
  padding-left: 9rem !important;
  padding-right: 9rem !important;
}

.plr100 {
  padding-left: 10rem !important;
  padding-right: 10rem !important;
}

@media screen and (max-width: 767px) {
  .p10 {
    padding: 0.5rem !important;
  }

  .p0 {
    padding: 0 !important;
  }

  .p20 {
    padding: 1rem !important;
  }

  .p30 {
    padding: 1.5rem !important;
  }

  .p40 {
    padding: 2rem !important;
  }

  .p50 {
    padding: 2.5rem !important;
  }

  .p60 {
    padding: 3rem !important;
  }

  .p70 {
    padding: 3.5rem !important;
  }

  .p80 {
    padding: 4rem !important;
  }

  .p90 {
    padding: 4.5rem !important;
  }

  .p100 {
    padding: 5rem !important;
  }

  .pt10 {
    padding-top: 0.5rem !important;
  }

  .pt0 {
    padding-top: 0 !important;
  }

  .pt20 {
    padding-top: 1rem !important;
  }

  .pt30 {
    padding-top: 1.5rem !important;
  }

  .pt40 {
    padding-top: 2rem !important;
  }

  .pt50 {
    padding-top: 2.5rem !important;
  }

  .pt60 {
    padding-top: 3rem !important;
  }

  .pt70 {
    padding-top: 3.5rem !important;
  }

  .pt80 {
    padding-top: 4rem !important;
  }

  .pt90 {
    padding-top: 4.5rem !important;
  }

  .pt100 {
    padding-top: 5rem !important;
  }

  .pr10 {
    padding-right: 0.5rem !important;
  }

  .pr0 {
    padding-right: 0 !important;
  }

  .pr20 {
    padding-right: 1rem !important;
  }

  .pr30 {
    padding-right: 1.5rem !important;
  }

  .pr40 {
    padding-right: 2rem !important;
  }

  .pr50 {
    padding-right: 2.5rem !important;
  }

  .pr60 {
    padding-right: 3rem !important;
  }

  .pr70 {
    padding-right: 3.5rem !important;
  }

  .pr80 {
    padding-right: 4rem !important;
  }

  .pr90 {
    padding-right: 4.5rem !important;
  }

  .pr100 {
    padding-right: 5rem !important;
  }

  .pb10 {
    padding-bottom: 0.5rem !important;
  }

  .pb0 {
    padding-bottom: 0 !important;
  }

  .pb20 {
    padding-bottom: 1rem !important;
  }

  .pb30 {
    padding-bottom: 1.5rem !important;
  }

  .pb40 {
    padding-bottom: 2rem !important;
  }

  .pb50 {
    padding-bottom: 2.5rem !important;
  }

  .pb60 {
    padding-bottom: 3rem !important;
  }

  .pb70 {
    padding-bottom: 3.5rem !important;
  }

  .pb80 {
    padding-bottom: 4rem !important;
  }

  .pb90 {
    padding-bottom: 4.5rem !important;
  }

  .pb100 {
    padding-bottom: 5rem !important;
  }

  .pl10 {
    padding-left: 0.5rem !important;
  }

  .pl0 {
    padding-left: 0 !important;
  }

  .pl20 {
    padding-left: 1rem !important;
  }

  .pl30 {
    padding-left: 1.5rem !important;
  }

  .pl40 {
    padding-left: 2rem !important;
  }

  .pl50 {
    padding-left: 2.5rem !important;
  }

  .pl60 {
    padding-left: 3rem !important;
  }

  .pl70 {
    padding-left: 3.5rem !important;
  }

  .pl80 {
    padding-left: 4rem !important;
  }

  .pl90 {
    padding-left: 4.5rem !important;
  }

  .pl100 {
    padding-left: 5rem !important;
  }

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

  .plr10 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .plr20 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .plr30 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .plr40 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .plr50 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .plr60 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .plr70 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }

  .plr80 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .plr90 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }

  .plr100 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .p0_pc {
    padding: 0 !important;
  }

  .p10_pc {
    padding: 1rem !important;
  }

  .p20_pc {
    padding: 2rem !important;
  }

  .p30_pc {
    padding: 3rem !important;
  }

  .p40_pc {
    padding: 4rem !important;
  }

  .p50_pc {
    padding: 5rem !important;
  }

  .p60_pc {
    padding: 6rem !important;
  }

  .p70_pc {
    padding: 7rem !important;
  }

  .p80_pc {
    padding: 8rem !important;
  }

  .p90_pc {
    padding: 9rem !important;
  }

  .p100_pc {
    padding: 10rem !important;
  }

  .pt0_pc {
    padding-top: 0 !important;
  }

  .pt10_pc {
    padding-top: 1rem !important;
  }

  .pt20_pc {
    padding-top: 2rem !important;
  }

  .pt30_pc {
    padding-top: 3rem !important;
  }

  .pt40_pc {
    padding-top: 4rem !important;
  }

  .pt50_pc {
    padding-top: 5rem !important;
  }

  .pt60_pc {
    padding-top: 6rem !important;
  }

  .pt70_pc {
    padding-top: 7rem !important;
  }

  .pt80_pc {
    padding-top: 8rem !important;
  }

  .pt90_pc {
    padding-top: 9rem !important;
  }

  .pt100_pc {
    padding-top: 10rem !important;
  }

  .pr0_pc {
    padding-right: 0 !important;
  }

  .pr10_pc {
    padding-right: 1rem !important;
  }

  .pr20_pc {
    padding-right: 2rem !important;
  }

  .pr30_pc {
    padding-right: 3rem !important;
  }

  .pr40_pc {
    padding-right: 4rem !important;
  }

  .pr50_pc {
    padding-right: 5rem !important;
  }

  .pr60_pc {
    padding-right: 6rem !important;
  }

  .pr70_pc {
    padding-right: 7rem !important;
  }

  .pr80_pc {
    padding-right: 8rem !important;
  }

  .pr90_pc {
    padding-right: 9rem !important;
  }

  .pr100_pc {
    padding-right: 10rem !important;
  }

  .pb0_pc {
    padding-bottom: 0 !important;
  }

  .pb10_pc {
    padding-bottom: 1rem !important;
  }

  .pb20_pc {
    padding-bottom: 2rem !important;
  }

  .pb30_pc {
    padding-bottom: 3rem !important;
  }

  .pb40_pc {
    padding-bottom: 4rem !important;
  }

  .pb50_pc {
    padding-bottom: 5rem !important;
  }

  .pb60_pc {
    padding-bottom: 6rem !important;
  }

  .pb70_pc {
    padding-bottom: 7rem !important;
  }

  .pb80_pc {
    padding-bottom: 8rem !important;
  }

  .pb90_pc {
    padding-bottom: 9rem !important;
  }

  .pb100_pc {
    padding-bottom: 10rem !important;
  }

  .pl0_pc {
    padding-left: 0 !important;
  }

  .pl10_pc {
    padding-left: 1rem !important;
  }

  .pl20_pc {
    padding-left: 2rem !important;
  }

  .pl30_pc {
    padding-left: 3rem !important;
  }

  .pl40_pc {
    padding-left: 4rem !important;
  }

  .pl50_pc {
    padding-left: 5rem !important;
  }

  .pl60_pc {
    padding-left: 6rem !important;
  }

  .pl70_pc {
    padding-left: 7rem !important;
  }

  .pl80_pc {
    padding-left: 8rem !important;
  }

  .pl90_pc {
    padding-left: 9rem !important;
  }

  .pl100_pc {
    padding-left: 10rem !important;
  }

  .plr0_pc {
    padding-left: 0 !important;
    padright: 0 !important;
  }

  .plr10_pc {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .plr20_pc {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .plr30_pc {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .plr40_pc {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .plr50_pc {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .plr60_pc {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .plr70_pc {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }

  .plr80_pc {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .plr90_pc {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }

  .plr100_pc {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
}

@media screen and (max-width: 767px) {
  .p0_sp {
    padding: 0 !important;
  }

  .p10_sp {
    padding: 1rem !important;
  }

  .p20_sp {
    padding: 2rem !important;
  }

  .p30_sp {
    padding: 3rem !important;
  }

  .p40_sp {
    padding: 4rem !important;
  }

  .p50_sp {
    padding: 5rem !important;
  }

  .p60_sp {
    padding: 6rem !important;
  }

  .p70_sp {
    padding: 7rem !important;
  }

  .p80_sp {
    padding: 8rem !important;
  }

  .p90_sp {
    padding: 9rem !important;
  }

  .p100_sp {
    padding: 10rem !important;
  }

  .pt0_sp {
    padding-top: 0 !important;
  }

  .pt10_sp {
    padding-top: 1rem !important;
  }

  .pt20_sp {
    padding-top: 2rem !important;
  }

  .pt30_sp {
    padding-top: 3rem !important;
  }

  .pt40_sp {
    padding-top: 4rem !important;
  }

  .pt50_sp {
    padding-top: 5rem !important;
  }

  .pt60_sp {
    padding-top: 6rem !important;
  }

  .pt70_sp {
    padding-top: 7rem !important;
  }

  .pt80_sp {
    padding-top: 8rem !important;
  }

  .pt90_sp {
    padding-top: 9rem !important;
  }

  .pt100_sp {
    padding-top: 10rem !important;
  }

  .pr0_sp {
    padding-right: 0 !important;
  }

  .pr10_sp {
    padding-right: 1rem !important;
  }

  .pr20_sp {
    padding-right: 2rem !important;
  }

  .pr30_sp {
    padding-right: 3rem !important;
  }

  .pr40_sp {
    padding-right: 4rem !important;
  }

  .pr50_sp {
    padding-right: 5rem !important;
  }

  .pr60_sp {
    padding-right: 6rem !important;
  }

  .pr70_sp {
    padding-right: 7rem !important;
  }

  .pr80_sp {
    padding-right: 8rem !important;
  }

  .pr90_sp {
    padding-right: 9rem !important;
  }

  .pr100_sp {
    padding-right: 10rem !important;
  }

  .pb0_sp {
    padding-bottom: 0 !important;
  }

  .pb10_sp {
    padding-bottom: 1rem !important;
  }

  .pb20_sp {
    padding-bottom: 2rem !important;
  }

  .pb30_sp {
    padding-bottom: 3rem !important;
  }

  .pb40_sp {
    padding-bottom: 4rem !important;
  }

  .pb50_sp {
    padding-bottom: 5rem !important;
  }

  .pb60_sp {
    padding-bottom: 6rem !important;
  }

  .pb70_sp {
    padding-bottom: 7rem !important;
  }

  .pb80_sp {
    padding-bottom: 8rem !important;
  }

  .pb90_sp {
    padding-bottom: 9rem !important;
  }

  .pb100_sp {
    padding-bottom: 10rem !important;
  }

  .pl0_sp {
    padding-left: 0 !important;
  }

  .pl10_sp {
    padding-left: 1rem !important;
  }

  .pl20_sp {
    padding-left: 2rem !important;
  }

  .pl30_sp {
    padding-left: 3rem !important;
  }

  .pl40_sp {
    padding-left: 4rem !important;
  }

  .pl50_sp {
    padding-left: 5rem !important;
  }

  .pl60_sp {
    padding-left: 6rem !important;
  }

  .pl70_sp {
    padding-left: 7rem !important;
  }

  .pl80_sp {
    padding-left: 8rem !important;
  }

  .pl90_sp {
    padding-left: 9rem !important;
  }

  .pl100_sp {
    padding-left: 10rem !important;
  }

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

  .plr10_sp {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .plr20_sp {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .plr30_sp {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .plr40_sp {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .plr50_sp {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .plr60_sp {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .plr70_sp {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }

  .plr80_sp {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .plr90_sp {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }

  .plr100_sp {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
}

/*.border*/
.border {
  border: 1rem #efefef solid;
  padding: 5rem;
}
.border.border--white {
  border-color: var(--color-custom-white);
}
.border.border--l-beige-2 {
  border-color: var(--color-custom-l-beige-2);
}
.border.border--gold {
  border-color: var(--color-custom-gold);
}
.border.border--beige {
  border-color: var(--color-custom-beige);
}
.border.border--gray {
  border-color: var(--color-custom-gray);
}
.border.border--pink {
  border-color: var(--color-custom-pink);
}
.border.border--l-pink {
  border-color: var(--color-custom-l-pink);
}
.border.border--white {
  border-color: var(--color-custom-white);
}
.border.border--l-beige {
  border-color: var(--color-custom-l-beige);
}
.border.border--terracotta {
  border-color: var(--color-custom-terracotta);
}
.border.border--rose {
  border-color: var(--color-custom-rose);
}
.border.border--p-blue {
  border-color: var(--color-custom-p-blue);
}

@media screen and (max-width: 767px) {
  .border {
    border-width: 0.5rem;
    padding: 2.5rem;
  }
}

/*.border-radius*/

.border-radius10 {
  border-radius: 1rem !important;
}
.border-radius20 {
  border-radius: 2rem !important;
}
.border-radius30 {
  border-radius: 3rem !important;
}
.border-radius40 {
  border-radius: 4rem !important;
}
.border-radius50 {
  border-radius: 5rem !important;
}

@media screen and (min-width: 768px) {
  .border-radius10_pc {
    border-radius: 1rem !important;
  }
  .border-radius20_pc {
    border-radius: 2rem !important;
  }
  .border-radius30_pc {
    border-radius: 3rem !important;
  }
  .border-radius40_pc {
    border-radius: 4rem !important;
  }
  .border-radius50_pc {
    border-radius: 5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .border-radius10_sp {
    border-radius: 1rem !important;
  }
  .border-radius20_sp {
    border-radius: 2rem !important;
  }
  .border-radius30_sp {
    border-radius: 3rem !important;
  }
  .border-radius40_sp {
    border-radius: 4rem !important;
  }
  .border-radius50_sp {
    border-radius: 5rem !important;
  }
}

/*.font-size*/
@media screen and (min-width: 768px) {
  .fs10_pc {
    font-size: 1rem !important;
  }
  .fs11_pc {
    font-size: 1.1rem !important;
  }
  .fs12_pc {
    font-size: 1.2rem !important;
  }
  .fs13_pc {
    font-size: 1.3rem !important;
  }
  .fs14_pc {
    font-size: 1.4rem !important;
  }
  .fs15_pc {
    font-size: 1.5rem !important;
  }
  .fs16_pc {
    font-size: 1.6rem !important;
  }
  .fs17_pc {
    font-size: 1.7rem !important;
  }
  .fs18_pc {
    font-size: 1.8rem !important;
  }
  .fs19_pc {
    font-size: 1.9rem !important;
  }
  .fs20_pc {
    font-size: 2rem !important;
  }
  .fs21_pc {
    font-size: 2.1rem !important;
  }
  .fs22_pc {
    font-size: 2.2rem !important;
  }
  .fs23_pc {
    font-size: 2.3rem !important;
  }
  .fs24_pc {
    font-size: 2.4rem !important;
  }
  .fs25_pc {
    font-size: 2.5rem !important;
  }
  .fs26_pc {
    font-size: 2.6rem !important;
  }
  .fs27_pc {
    font-size: 2.7rem !important;
  }
  .fs28_pc {
    font-size: 2.8rem !important;
  }
  .fs29_pc {
    font-size: 2.9rem !important;
  }
  .fs30_pc {
    font-size: 3rem !important;
  }
  .fs31_pc {
    font-size: 3.1rem !important;
  }
  .fs32_pc {
    font-size: 3.2rem !important;
  }
  .fs33_pc {
    font-size: 3.3rem !important;
  }
  .fs34_pc {
    font-size: 3.4rem !important;
  }
  .fs35_pc {
    font-size: 3.5rem !important;
  }
  .fs36_pc {
    font-size: 3.6rem !important;
  }
  .fs37_pc {
    font-size: 3.7rem !important;
  }
  .fs38_pc {
    font-size: 3.8rem !important;
  }
  .fs39_pc {
    font-size: 3.9rem !important;
  }
  .fs40_pc {
    font-size: 4rem !important;
  }
  .fs50_pc {
    font-size: 5rem !important;
  }
  .fs60_pc {
    font-size: 6rem !important;
  }
  .fs70_pc {
    font-size: 7rem !important;
  }
  .fs80_pc {
    font-size: 8rem !important;
  }
}
@media screen and (max-width: 767px) {
  .fs10_sp {
    font-size: 1rem !important;
  }
  .fs11_sp {
    font-size: 1.1rem !important;
  }
  .fs12_sp {
    font-size: 1.2rem !important;
  }
  .fs13_sp {
    font-size: 1.3rem !important;
  }
  .fs14_sp {
    font-size: 1.4rem !important;
  }
  .fs15_sp {
    font-size: 1.5rem !important;
  }
  .fs16_sp {
    font-size: 1.6rem !important;
  }
  .fs17_sp {
    font-size: 1.7rem !important;
  }
  .fs18_sp {
    font-size: 1.8rem !important;
  }
  .fs19_sp {
    font-size: 1.9rem !important;
  }
  .fs20_sp {
    font-size: 2rem !important;
  }
  .fs21_sp {
    font-size: 2.1rem !important;
  }
  .fs22_sp {
    font-size: 2.2rem !important;
  }
  .fs23_sp {
    font-size: 2.3rem !important;
  }
  .fs24_sp {
    font-size: 2.4rem !important;
  }
  .fs25_sp {
    font-size: 2.5rem !important;
  }
  .fs26_sp {
    font-size: 2.6rem !important;
  }
  .fs27_sp {
    font-size: 2.7rem !important;
  }
  .fs28_sp {
    font-size: 2.8rem !important;
  }
  .fs29_sp {
    font-size: 2.9rem !important;
  }
  .fs30_sp {
    font-size: 3rem !important;
  }
  .fs31_sp {
    font-size: 3.1rem !important;
  }
  .fs32_sp {
    font-size: 3.2rem !important;
  }
  .fs33_sp {
    font-size: 3.3rem !important;
  }
  .fs34_sp {
    font-size: 3.4rem !important;
  }
  .fs35_sp {
    font-size: 3.5rem !important;
  }
  .fs36_sp {
    font-size: 3.6rem !important;
  }
  .fs37_sp {
    font-size: 3.7rem !important;
  }
  .fs38_sp {
    font-size: 3.8rem !important;
  }
  .fs39_sp {
    font-size: 3.9rem !important;
  }
  .fs40_sp {
    font-size: 4rem !important;
  }
  .fs50_sp {
    font-size: 5rem !important;
  }
  .fs60_sp {
    font-size: 6rem !important;
  }
  .fs70_sp {
    font-size: 7rem !important;
  }
  .fs80_sp {
    font-size: 8rem !important;
  }
}

@media screen and (max-width: 767px) {
  .content .block-editor {
    padding-bottom: 75px;
  }
}