/* なるには */

.p-dream-job {
  margin: 0 auto;
  max-width: 900px;
}

.p_dreamjob_contents {
  padding: 0 2rem;
}

.dreamjob_txt {
  font-size: 1.6rem;
  text-align: justify;
  line-height: 3.2rem;
}

.dreamjob_txt li {
  list-style: disc;
}

.txt_link {
  font-size: 1.8rem;
  line-height: 3.2rem;
  text-decoration: underline;
  color: #2353e8;
}

.txt_link a {
  color: #2353e8;
}

@media screen and (min-width: 769px) {
  .dreamjob_detail {
    display: flex;
    align-items: center;
  }

  .detail_img {
    width: 35%;
    margin-right: 2rem;
  }

  .detail_txt {
    width: 65%;
  }
}

@media screen and (max-width: 768px) {
  .dreamjob_txt {
    line-height: 3rem;
  }

  .detail_img {
    margin-bottom: 2rem;
  }
}

/* アンカーメニュー */

a.anchor {
  display: block;
  padding-top: 150px;
  margin-top: -150px;
}

.p-dream-job .anchor_list {
  position: relative;
}

.p-dream-job .anchor_list li {
  position: relative;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.p-dream-job .anchor_list li a {
  display: flex;
  align-items: center;
}

.p-dream-job .anchor_list .number {
  color: #2353e8;
  font-family: Prompt, sans-serif;
  font-size: 2.2rem;
}

.p-dream-job .anchor_list .titarea {
  font-size: 1.8rem;
}

.p-dream-job .anchor_list .arrow {
  display: inline-block;
  position: relative;
  align-items: center;
  width: 2px;
  height: 12px;
  background-color: #000;
  transition: transform 0.5s ease;
}

.p-dream-job .anchor_list .arrow:after {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: -3px;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #000;
  vertical-align: middle;
  content: "";
}

.p-dream-job .anchor_list li a:hover .arrow {
  transform: translateY(5px);
}

.p-dream-job .anchor_list li:before {
  left: 0;
}

.p-dream-job .anchor_list li:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  /*background-image: url(../img/line_dotted.svg);*/
  background-image: url(../img/p_dreamjob/line_dotted.svg);
  background-repeat: repeat-x;
  background-size: 6px 3px;
}

.dreamjob_img {
  max-width: 650px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {

  a.anchor {
    padding-top: 30px;
    margin-top: -30px;
  }


  .p-dream-job .anchor_list {
    flex-wrap: wrap;
    padding-bottom: 2em;
  }

  .p-dream-job .anchor_list li {
    margin: 0 0 1.2em 0;
  }

  .p-dream-job .anchor_list .titarea {
    font-size: 1.6rem;
  }

  .p-dream-job .anchor_list .number {
    font-size: 18px;
  }
}



/* common */

.u-m-0 {
  margin: 0 !important;
}

.u-m-xxs {
  margin: 0.4rem !important;
}

.u-m-xs {
  margin: 0.8rem !important;
}

.u-m-s {
  margin: 1.2rem !important;
}

.u-m-m {
  margin: 2rem !important;
}

.u-m-l {
  margin: 3.2rem !important;
}

.u-m-xl {
  margin: 5.2rem !important;
}

.u-m-xxl {
  margin: 8.4rem !important;
}

@media (min-width: 769px) {
  .u-pc-m-0 {
    margin: 0 !important;
  }

  .u-pc-m-xxs {
    margin: 0.4rem !important;
  }

  .u-pc-m-xs {
    margin: 0.8rem !important;
  }

  .u-pc-m-s {
    margin: 1.2rem !important;
  }

  .u-pc-m-m {
    margin: 2rem !important;
  }

  .u-pc-m-l {
    margin: 3.2rem !important;
  }

  .u-pc-m-xl {
    margin: 5.2rem !important;
  }

  .u-pc-m-xxl {
    margin: 8.4rem !important;
  }
}

.u-mt-0,
.u-my-0 {
  margin-top: 0 !important;
}

.u-mt-xxs,
.u-my-xxs {
  margin-top: 0.4rem !important;
}

.u-mt-xs,
.u-my-xs {
  margin-top: 0.8rem !important;
}

.u-mt-s,
.u-my-s {
  margin-top: 1.2rem !important;
}

.u-mt-m,
.u-my-m {
  margin-top: 2rem !important;
}

.u-mt-l,
.u-my-l {
  margin-top: 3.2rem !important;
}

.u-mt-xl,
.u-my-xl {
  margin-top: 5.2rem !important;
}

.u-mt-xxl,
.u-my-xxl {
  margin-top: 8.4rem !important;
}

@media (min-width: 769px) {

  .u-pc-mt-0,
  .u-pc-my-0 {
    margin-top: 0 !important;
  }

  .u-pc-mt-xxs,
  .u-pc-my-xxs {
    margin-top: 0.4rem !important;
  }

  .u-pc-mt-xs,
  .u-pc-my-xs {
    margin-top: 0.8rem !important;
  }

  .u-pc-mt-s,
  .u-pc-my-s {
    margin-top: 1.2rem !important;
  }

  .u-pc-mt-m,
  .u-pc-my-m {
    margin-top: 2rem !important;
  }

  .u-pc-mt-l,
  .u-pc-my-l {
    margin-top: 3.2rem !important;
  }

  .u-pc-mt-xl,
  .u-pc-my-xl {
    margin-top: 5.2rem !important;
  }

  .u-pc-mt-xxl,
  .u-pc-my-xxl {
    margin-top: 8.4rem !important;
  }
}

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

.u-mb-xxs,
.u-my-xxs {
  margin-bottom: 0.4rem !important;
}

.u-mb-xs,
.u-my-xs {
  margin-bottom: 0.8rem !important;
}

.u-mb-s,
.u-my-s {
  margin-bottom: 1.2rem !important;
}

.u-mb-m,
.u-my-m {
  margin-bottom: 2rem !important;
}

.u-mb-l,
.u-my-l {
  margin-bottom: 3.2rem !important;
}

.u-mb-xl,
.u-my-xl {
  margin-bottom: 5.2rem !important;
}

.u-mb-xxl,
.u-my-xxl {
  margin-bottom: 8.4rem !important;
}

@media (min-width: 769px) {

  .u-pc-mb-0,
  .u-pc-my-0 {
    margin-bottom: 0 !important;
  }

  .u-pc-mb-xxs,
  .u-pc-my-xxs {
    margin-bottom: 0.4rem !important;
  }

  .u-pc-mb-xs,
  .u-pc-my-xs {
    margin-bottom: 0.8rem !important;
  }

  .u-pc-mb-s,
  .u-pc-my-s {
    margin-bottom: 1.2rem !important;
  }

  .u-pc-mb-m,
  .u-pc-my-m {
    margin-bottom: 2rem !important;
  }

  .u-pc-mb-l,
  .u-pc-my-l {
    margin-bottom: 3.2rem !important;
  }

  .u-pc-mb-xl,
  .u-pc-my-xl {
    margin-bottom: 5.2rem !important;
  }

  .u-pc-mb-xxl,
  .u-pc-my-xxl {
    margin-bottom: 8.4rem !important;
  }
}

.u-mr-0,
.u-mx-0 {
  margin-right: 0 !important;
}

.u-mr-xxs,
.u-mx-xxs {
  margin-right: 0.4rem !important;
}

.u-mr-xs,
.u-mx-xs {
  margin-right: 0.8rem !important;
}

.u-mr-s,
.u-mx-s {
  margin-right: 1.2rem !important;
}

.u-mr-m,
.u-mx-m {
  margin-right: 2rem !important;
}

.u-mr-l,
.u-mx-l {
  margin-right: 3.2rem !important;
}

.u-mr-xl,
.u-mx-xl {
  margin-right: 5.2rem !important;
}

.u-mr-xxl,
.u-mx-xxl {
  margin-right: 8.4rem !important;
}

@media (min-width: 769px) {

  .u-pc-mr-0,
  .u-pc-mx-0 {
    margin-right: 0 !important;
  }

  .u-pc-mr-xxs,
  .u-pc-mx-xxs {
    margin-right: 0.4rem !important;
  }

  .u-pc-mr-xs,
  .u-pc-mx-xs {
    margin-right: 0.8rem !important;
  }

  .u-pc-mr-s,
  .u-pc-mx-s {
    margin-right: 1.2rem !important;
  }

  .u-pc-mr-m,
  .u-pc-mx-m {
    margin-right: 2rem !important;
  }

  .u-pc-mr-l,
  .u-pc-mx-l {
    margin-right: 3.2rem !important;
  }

  .u-pc-mr-xl,
  .u-pc-mx-xl {
    margin-right: 5.2rem !important;
  }

  .u-pc-mr-xxl,
  .u-pc-mx-xxl {
    margin-right: 8.4rem !important;
  }
}

.u-ml-0,
.u-mx-0 {
  margin-left: 0 !important;
}

.u-ml-xxs,
.u-mx-xxs {
  margin-left: 0.4rem !important;
}

.u-ml-xs,
.u-mx-xs {
  margin-left: 0.8rem !important;
}

.u-ml-s,
.u-mx-s {
  margin-left: 1.2rem !important;
}

.u-ml-m,
.u-mx-m {
  margin-left: 2rem !important;
}

.u-ml-l,
.u-mx-l {
  margin-left: 3.2rem !important;
}

.u-ml-xl,
.u-mx-xl {
  margin-left: 5.2rem !important;
}

.u-ml-xxl,
.u-mx-xxl {
  margin-left: 8.4rem !important;
}

@media (min-width: 769px) {

  .u-pc-ml-0,
  .u-pc-mx-0 {
    margin-left: 0 !important;
  }

  .u-pc-ml-xxs,
  .u-pc-mx-xxs {
    margin-left: 0.4rem !important;
  }

  .u-pc-ml-xs,
  .u-pc-mx-xs {
    margin-left: 0.8rem !important;
  }

  .u-pc-ml-s,
  .u-pc-mx-s {
    margin-left: 1.2rem !important;
  }

  .u-pc-ml-m,
  .u-pc-mx-m {
    margin-left: 2rem !important;
  }

  .u-pc-ml-l,
  .u-pc-mx-l {
    margin-left: 3.2rem !important;
  }

  .u-pc-ml-xl,
  .u-pc-mx-xl {
    margin-left: 5.2rem !important;
  }

  .u-pc-ml-xxl,
  .u-pc-mx-xxl {
    margin-left: 8.4rem !important;
  }
}

.u-nm-xxs {
  margin: -0.4rem !important;
}

.u-nm-xs {
  margin: -0.8rem !important;
}

.u-nm-s {
  margin: -1.2rem !important;
}

.u-nm-m {
  margin: -2rem !important;
}

.u-nm-l {
  margin: -3.2rem !important;
}

.u-nm-xl {
  margin: -5.2rem !important;
}

.u-nm-xxl {
  margin: -8.4rem !important;
}

@media (min-width: 769px) {
  .u-pc-nm-xxs {
    margin: -0.4rem !important;
  }

  .u-pc-nm-xs {
    margin: -0.8rem !important;
  }

  .u-pc-nm-s {
    margin: -1.2rem !important;
  }

  .u-pc-nm-m {
    margin: -2rem !important;
  }

  .u-pc-nm-l {
    margin: -3.2rem !important;
  }

  .u-pc-nm-xl {
    margin: -5.2rem !important;
  }

  .u-pc-nm-xxl {
    margin: -8.4rem !important;
  }
}

.u-nmt-xxs,
.u-nmy-xxs {
  margin-top: -0.4rem !important;
}

.u-nmt-xs,
.u-nmy-xs {
  margin-top: -0.8rem !important;
}

.u-nmt-s,
.u-nmy-s {
  margin-top: -1.2rem !important;
}

.u-nmt-m,
.u-nmy-m {
  margin-top: -2rem !important;
}

.u-nmt-l,
.u-nmy-l {
  margin-top: -3.2rem !important;
}

.u-nmt-xl,
.u-nmy-xl {
  margin-top: -5.2rem !important;
}

.u-nmt-xxl,
.u-nmy-xxl {
  margin-top: -8.4rem !important;
}

@media (min-width: 769px) {

  .u-pc-nmt-xxs,
  .u-pc-nmy-xxs {
    margin-top: -0.4rem !important;
  }

  .u-pc-nmt-xs,
  .u-pc-nmy-xs {
    margin-top: -0.8rem !important;
  }

  .u-pc-nmt-s,
  .u-pc-nmy-s {
    margin-top: -1.2rem !important;
  }

  .u-pc-nmt-m,
  .u-pc-nmy-m {
    margin-top: -2rem !important;
  }

  .u-pc-nmt-l,
  .u-pc-nmy-l {
    margin-top: -3.2rem !important;
  }

  .u-pc-nmt-xl,
  .u-pc-nmy-xl {
    margin-top: -5.2rem !important;
  }

  .u-pc-nmt-xxl,
  .u-pc-nmy-xxl {
    margin-top: -8.4rem !important;
  }
}

.u-nmb-xxs,
.u-nmy-xxs {
  margin-bottom: -0.4rem !important;
}

.u-nmb-xs,
.u-nmy-xs {
  margin-bottom: -0.8rem !important;
}

.u-nmb-s,
.u-nmy-s {
  margin-bottom: -1.2rem !important;
}

.u-nmb-m,
.u-nmy-m {
  margin-bottom: -2rem !important;
}

.u-nmb-l,
.u-nmy-l {
  margin-bottom: -3.2rem !important;
}

.u-nmb-xl,
.u-nmy-xl {
  margin-bottom: -5.2rem !important;
}

.u-nmb-xxl,
.u-nmy-xxl {
  margin-bottom: -8.4rem !important;
}

@media (min-width: 769px) {

  .u-pc-nmb-xxs,
  .u-pc-nmy-xxs {
    margin-bottom: -0.4rem !important;
  }

  .u-pc-nmb-xs,
  .u-pc-nmy-xs {
    margin-bottom: -0.8rem !important;
  }

  .u-pc-nmb-s,
  .u-pc-nmy-s {
    margin-bottom: -1.2rem !important;
  }

  .u-pc-nmb-m,
  .u-pc-nmy-m {
    margin-bottom: -2rem !important;
  }

  .u-pc-nmb-l,
  .u-pc-nmy-l {
    margin-bottom: -3.2rem !important;
  }

  .u-pc-nmb-xl,
  .u-pc-nmy-xl {
    margin-bottom: -5.2rem !important;
  }

  .u-pc-nmb-xxl,
  .u-pc-nmy-xxl {
    margin-bottom: -8.4rem !important;
  }
}

.u-nmr-xxs,
.u-nmx-xxs {
  margin-right: -0.4rem !important;
}

.u-nmr-xs,
.u-nmx-xs {
  margin-right: -0.8rem !important;
}

.u-nmr-s,
.u-nmx-s {
  margin-right: -1.2rem !important;
}

.u-nmr-m,
.u-nmx-m {
  margin-right: -2rem !important;
}

.u-nmr-l,
.u-nmx-l {
  margin-right: -3.2rem !important;
}

.u-nmr-xl,
.u-nmx-xl {
  margin-right: -5.2rem !important;
}

.u-nmr-xxl,
.u-nmx-xxl {
  margin-right: -8.4rem !important;
}

@media (min-width: 769px) {

  .u-pc-nmr-xxs,
  .u-pc-nmx-xxs {
    margin-right: -0.4rem !important;
  }

  .u-pc-nmr-xs,
  .u-pc-nmx-xs {
    margin-right: -0.8rem !important;
  }

  .u-pc-nmr-s,
  .u-pc-nmx-s {
    margin-right: -1.2rem !important;
  }

  .u-pc-nmr-m,
  .u-pc-nmx-m {
    margin-right: -2rem !important;
  }

  .u-pc-nmr-l,
  .u-pc-nmx-l {
    margin-right: -3.2rem !important;
  }

  .u-pc-nmr-xl,
  .u-pc-nmx-xl {
    margin-right: -5.2rem !important;
  }

  .u-pc-nmr-xxl,
  .u-pc-nmx-xxl {
    margin-right: -8.4rem !important;
  }
}

.u-nml-xxs,
.u-nmx-xxs {
  margin-left: -0.4rem !important;
}

.u-nml-xs,
.u-nmx-xs {
  margin-left: -0.8rem !important;
}

.u-nml-s,
.u-nmx-s {
  margin-left: -1.2rem !important;
}

.u-nml-m,
.u-nmx-m {
  margin-left: -2rem !important;
}

.u-nml-l,
.u-nmx-l {
  margin-left: -3.2rem !important;
}

.u-nml-xl,
.u-nmx-xl {
  margin-left: -5.2rem !important;
}

.u-nml-xxl,
.u-nmx-xxl {
  margin-left: -8.4rem !important;
}

@media (min-width: 769px) {

  .u-pc-nml-xxs,
  .u-pc-nmx-xxs {
    margin-left: -0.4rem !important;
  }

  .u-pc-nml-xs,
  .u-pc-nmx-xs {
    margin-left: -0.8rem !important;
  }

  .u-pc-nml-s,
  .u-pc-nmx-s {
    margin-left: -1.2rem !important;
  }

  .u-pc-nml-m,
  .u-pc-nmx-m {
    margin-left: -2rem !important;
  }

  .u-pc-nml-l,
  .u-pc-nmx-l {
    margin-left: -3.2rem !important;
  }

  .u-pc-nml-xl,
  .u-pc-nmx-xl {
    margin-left: -5.2rem !important;
  }

  .u-pc-nml-xxl,
  .u-pc-nmx-xxl {
    margin-left: -8.4rem !important;
  }
}

.u-mbc-0> :not(:last-child) {
  margin-bottom: 0 !important;
}

.u-mbc-xxs> :not(:last-child) {
  margin-bottom: 0.4rem !important;
}

.u-mbc-xs> :not(:last-child) {
  margin-bottom: 0.8rem !important;
}

.u-mbc-s> :not(:last-child) {
  margin-bottom: 1.2rem !important;
}

.u-mbc-m> :not(:last-child) {
  margin-bottom: 2rem !important;
}

.u-mbc-l> :not(:last-child) {
  margin-bottom: 3.2rem !important;
}

.u-mbc-xl> :not(:last-child) {
  margin-bottom: 5.2rem !important;
}

.u-mbc-xxl> :not(:last-child) {
  margin-bottom: 8.4rem !important;
}

@media (min-width: 769px) {
  .u-pc-mbc-0> :not(:last-child) {
    margin-bottom: 0 !important;
  }

  .u-pc-mbc-xxs> :not(:last-child) {
    margin-bottom: 0.4rem !important;
  }

  .u-pc-mbc-xs> :not(:last-child) {
    margin-bottom: 0.8rem !important;
  }

  .u-pc-mbc-s> :not(:last-child) {
    margin-bottom: 1.2rem !important;
  }

  .u-pc-mbc-m> :not(:last-child) {
    margin-bottom: 2rem !important;
  }

  .u-pc-mbc-l> :not(:last-child) {
    margin-bottom: 3.2rem !important;
  }

  .u-pc-mbc-xl> :not(:last-child) {
    margin-bottom: 5.2rem !important;
  }

  .u-pc-mbc-xxl> :not(:last-child) {
    margin-bottom: 8.4rem !important;
  }
}

.u-p-0 {
  padding: 0 !important;
}

.u-p-xxs {
  padding: 0.4rem !important;
}

.u-p-xs {
  padding: 0.8rem !important;
}

.u-p-s {
  padding: 1.2rem !important;
}

.u-p-m {
  padding: 2rem !important;
}

.u-p-l {
  padding: 3.2rem !important;
}

.u-p-xl {
  padding: 5.2rem !important;
}

.u-p-xxl {
  padding: 8.4rem !important;
}

@media (min-width: 769px) {
  .u-pc-p-0 {
    padding: 0 !important;
  }

  .u-pc-p-xxs {
    padding: 0.4rem !important;
  }

  .u-pc-p-xs {
    padding: 0.8rem !important;
  }

  .u-pc-p-s {
    padding: 1.2rem !important;
  }

  .u-pc-p-m {
    padding: 2rem !important;
  }

  .u-pc-p-l {
    padding: 3.2rem !important;
  }

  .u-pc-p-xl {
    padding: 5.2rem !important;
  }

  .u-pc-p-xxl {
    padding: 8.4rem !important;
  }
}

.u-pt-0,
.u-py-0 {
  padding-top: 0 !important;
}

.u-pt-xxs,
.u-py-xxs {
  padding-top: 0.4rem !important;
}

.u-pt-xs,
.u-py-xs {
  padding-top: 0.8rem !important;
}

.u-pt-s,
.u-py-s {
  padding-top: 1.2rem !important;
}

.u-pt-m,
.u-py-m {
  padding-top: 2rem !important;
}

.u-pt-l,
.u-py-l {
  padding-top: 3.2rem !important;
}

.u-pt-xl,
.u-py-xl {
  padding-top: 5.2rem !important;
}

.u-pt-xxl,
.u-py-xxl {
  padding-top: 8.4rem !important;
}

@media (min-width: 769px) {

  .u-pc-pt-0,
  .u-pc-py-0 {
    padding-top: 0 !important;
  }

  .u-pc-pt-xxs,
  .u-pc-py-xxs {
    padding-top: 0.4rem !important;
  }

  .u-pc-pt-xs,
  .u-pc-py-xs {
    padding-top: 0.8rem !important;
  }

  .u-pc-pt-s,
  .u-pc-py-s {
    padding-top: 1.2rem !important;
  }

  .u-pc-pt-m,
  .u-pc-py-m {
    padding-top: 2rem !important;
  }

  .u-pc-pt-l,
  .u-pc-py-l {
    padding-top: 3.2rem !important;
  }

  .u-pc-pt-xl,
  .u-pc-py-xl {
    padding-top: 5.2rem !important;
  }

  .u-pc-pt-xxl,
  .u-pc-py-xxl {
    padding-top: 8.4rem !important;
  }
}

.u-pb-0,
.u-py-0 {
  padding-bottom: 0 !important;
}

.u-pb-xxs,
.u-py-xxs {
  padding-bottom: 0.4rem !important;
}

.u-pb-xs,
.u-py-xs {
  padding-bottom: 0.8rem !important;
}

.u-pb-s,
.u-py-s {
  padding-bottom: 1.2rem !important;
}

.u-pb-m,
.u-py-m {
  padding-bottom: 2rem !important;
}

.u-pb-l,
.u-py-l {
  padding-bottom: 3.2rem !important;
}

.u-pb-xl,
.u-py-xl {
  padding-bottom: 5.2rem !important;
}

.u-pb-xxl,
.u-py-xxl {
  padding-bottom: 8.4rem !important;
}

@media (min-width: 769px) {

  .u-pc-pb-0,
  .u-pc-py-0 {
    padding-bottom: 0 !important;
  }

  .u-pc-pb-xxs,
  .u-pc-py-xxs {
    padding-bottom: 0.4rem !important;
  }

  .u-pc-pb-xs,
  .u-pc-py-xs {
    padding-bottom: 0.8rem !important;
  }

  .u-pc-pb-s,
  .u-pc-py-s {
    padding-bottom: 1.2rem !important;
  }

  .u-pc-pb-m,
  .u-pc-py-m {
    padding-bottom: 2rem !important;
  }

  .u-pc-pb-l,
  .u-pc-py-l {
    padding-bottom: 3.2rem !important;
  }

  .u-pc-pb-xl,
  .u-pc-py-xl {
    padding-bottom: 5.2rem !important;
  }

  .u-pc-pb-xxl,
  .u-pc-py-xxl {
    padding-bottom: 8.4rem !important;
  }
}

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

.u-pr-xxs,
.u-px-xxs {
  padding-right: 0.4rem !important;
}

.u-pr-xs,
.u-px-xs {
  padding-right: 0.8rem !important;
}

.u-pr-s,
.u-px-s {
  padding-right: 1.2rem !important;
}

.u-pr-m,
.u-px-m {
  padding-right: 2rem !important;
}

.u-pr-l,
.u-px-l {
  padding-right: 3.2rem !important;
}

.u-pr-xl,
.u-px-xl {
  padding-right: 5.2rem !important;
}

.u-pr-xxl,
.u-px-xxl {
  padding-right: 8.4rem !important;
}

@media (min-width: 769px) {

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

  .u-pc-pr-xxs,
  .u-pc-px-xxs {
    padding-right: 0.4rem !important;
  }

  .u-pc-pr-xs,
  .u-pc-px-xs {
    padding-right: 0.8rem !important;
  }

  .u-pc-pr-s,
  .u-pc-px-s {
    padding-right: 1.2rem !important;
  }

  .u-pc-pr-m,
  .u-pc-px-m {
    padding-right: 2rem !important;
  }

  .u-pc-pr-l,
  .u-pc-px-l {
    padding-right: 3.2rem !important;
  }

  .u-pc-pr-xl,
  .u-pc-px-xl {
    padding-right: 5.2rem !important;
  }

  .u-pc-pr-xxl,
  .u-pc-px-xxl {
    padding-right: 8.4rem !important;
  }
}

.u-pl-0,
.u-px-0 {
  padding-left: 0 !important;
}

.u-pl-xxs,
.u-px-xxs {
  padding-left: 0.4rem !important;
}

.u-pl-xs,
.u-px-xs {
  padding-left: 0.8rem !important;
}

.u-pl-s,
.u-px-s {
  padding-left: 1.2rem !important;
}

.u-pl-m,
.u-px-m {
  padding-left: 2rem !important;
}

.u-pl-l,
.u-px-l {
  padding-left: 3.2rem !important;
}

.u-pl-xl,
.u-px-xl {
  padding-left: 5.2rem !important;
}

.u-pl-xxl,
.u-px-xxl {
  padding-left: 8.4rem !important;
}

@media (min-width: 769px) {

  .u-pc-pl-0,
  .u-pc-px-0 {
    padding-left: 0 !important;
  }

  .u-pc-pl-xxs,
  .u-pc-px-xxs {
    padding-left: 0.4rem !important;
  }

  .u-pc-pl-xs,
  .u-pc-px-xs {
    padding-left: 0.8rem !important;
  }

  .u-pc-pl-s,
  .u-pc-px-s {
    padding-left: 1.2rem !important;
  }

  .u-pc-pl-m,
  .u-pc-px-m {
    padding-left: 2rem !important;
  }

  .u-pc-pl-l,
  .u-pc-px-l {
    padding-left: 3.2rem !important;
  }

  .u-pc-pl-xl,
  .u-pc-px-xl {
    padding-left: 5.2rem !important;
  }

  .u-pc-pl-xxl,
  .u-pc-px-xxl {
    padding-left: 8.4rem !important;
  }
}

.u-w-20 {
  width: 20% !important;
}

.u-w-40 {
  width: 40% !important;
}

.u-w-60 {
  width: 60% !important;
}

.u-w-80 {
  width: 80% !important;
}

.u-w-auto {
  width: auto !important;
}

@media (min-width: 769px) {
  .u-pc-w-20 {
    width: 20% !important;
  }

  .u-pc-w-40 {
    width: 40% !important;
  }

  .u-pc-w-60 {
    width: 60% !important;
  }

  .u-pc-w-80 {
    width: 80% !important;
  }

  .u-pc-w-auto {
    width: auto !important;
  }
}

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

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

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

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

.u-mw-none {
  max-width: none !important;
}

@media (min-width: 769px) {
  .u-pc-mw-20 {
    max-width: 20% !important;
  }

  .u-pc-mw-40 {
    max-width: 40% !important;
  }

  .u-pc-mw-60 {
    max-width: 60% !important;
  }

  .u-pc-mw-80 {
    max-width: 80% !important;
  }

  .u-pc-mw-none {
    max-width: none !important;
  }
}



.u-fw-b {
  font-weight: bold;
}

.u-fsy-i {
  font-style: italic;
}

.u-fsy-n {
  font-style: normal;
}

.u-lh-110 {
  line-height: 1.1 !important;
}

.u-lh-120 {
  line-height: 1.2 !important;
}

.u-lh-130 {
  line-height: 1.3 !important;
}

.u-lh-140 {
  line-height: 1.4 !important;
}

.u-lh-150 {
  line-height: 1.5 !important;
}

.u-lh-160 {
  line-height: 1.6 !important;
}

.u-lh-170 {
  line-height: 1.7 !important;
}

.u-lh-180 {
  line-height: 1.8 !important;
}

.u-lh-190 {
  line-height: 1.9 !important;
}

.u-ta-r {
  text-align: right;
}

.u-ta-c {
  text-align: center;
}

.u-ta-l {
  text-align: left;
}

.u-ta-j {
  text-align: justify;
}

.u-td-lt {
  text-decoration: line-through;
}

.u-td-ul {
  text-decoration: underline;
}

.u-d-n {
  display: none
}

@media (min-width: 769px) {
  .u-pc-d-n {
    display: none
  }

  .u-pc-d-i {
    display: inline
  }
}