/* color set */
/* base font size */
/* base inner width */
/* media query */
/* font weight */
/* title */
/* inner base contents width */
/* display */
/* width */
/* btn */
/* shadow */
/* transition */
/* other */
.pdx-problem-item {
  display: flex;
  flex-direction: column-reverse;
}
.pdx-problem-item h3 {
  font-weight: 700;
  line-height: 1.4;
}
.pdx-problem-band {
  position: relative;
  display: inline-flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  background: linear-gradient(100deg, #FE3718, #FFCC4D);
  padding-top: 100px;
  padding-bottom: 80px;
}
@media screen and (min-width: 768px) {
  .pdx-problem-band {
    padding-top: 170px;
    padding-bottom: 100px;
  }
}
.pdx-problem-band::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 50px 50px 0 50px;
  border-top-color: #fff;
}
@media screen and (min-width: 768px) {
  .pdx-problem-band::before {
    border-width: 120px 120px 0 120px;
  }
}
.pdx-problem-flex {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (min-width: 975px) {
  .pdx-problem-flex {
    flex-direction: row;
    gap: 40px;
  }
}
.pdx-problem-title {
  width: 100%;
  font-size: 24px;
  font-weight: 700;
}
@media screen and (min-width: 691px) {
  .pdx-problem-title {
    font-size: 28px;
  }
}
@media screen and (min-width: 975px) {
  .pdx-problem-title {
    width: calc(50% - 20px);
    font-size: 32px;
  }
}
.pdx-problem-title .txt-grad {
  background: linear-gradient(100deg, #FE3718, #FFCC4D);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
.pdx-problem-title .bg-wht {
  line-height: 2.1;
  padding: 6px 20px;
}
@media screen and (min-width: 691px) {
  .pdx-problem-title .bg-wht {
    line-height: 2.3;
    padding: 10px 20px;
  }
}
.pdx-problem-txtarea {
  width: 100%;
}
@media screen and (min-width: 975px) {
  .pdx-problem-txtarea {
    width: calc(50% - 20px);
  }
}
.pdx-problem-txtarea .title {
  font-size: 24px;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .pdx-problem-txtarea .title {
    margin-top: 24px;
  }
}
.pdx-problem-txtarea .txt {
  margin-top: 14px;
}
.pdx-proposal-container .color-red {
  color: #FE4521;
}
.pdx-anc-container {
  padding-top: 100px;
  padding-bottom: 100px;
}
.pdx-anc-container.bg-lgry {
  background-color: #F5F5F5;
}
.pdx-anc-flex {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (min-width: 1200px) {
  .pdx-anc-flex {
    flex-direction: row;
  }
}
.pdx-anc-item .caption {
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 14px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.6;
  margin: 0 auto;
}
.pdx-anc-item .caption.bg-blue {
  background: #0091DC;
}
.pdx-anc-item .caption.bg-green {
  background: #009245;
}
.pdx-anc-item .color-lgry {
  color: #BCBCBC;
}
.pdx-anc-item .fs-9 {
  font-size: 14px;
}
.pdx-anc-item .name {
  font-weight: 700;
}
.pdx-anc-wrapper {
  text-decoration: none;
  padding: 24px;
  display: inline-block;
  border-radius: 10px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  transition: 0.3s;
}
@media screen and (min-width: 1200px) {
  .pdx-anc-wrapper {
    padding: 48px;
  }
}
.pdx-anc-wrapper:hover {
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.3);
}
.pdx-anc-wrapper:hover .pdx-anc-btn .txt.ico-blue {
  color: #0091DC;
}
.pdx-anc-wrapper:hover .pdx-anc-btn .txt.ico-green {
  color: #009245;
}
.pdx-anc-rec .title {
  font-size: 16px;
  font-weight: 700;
}
.pdx-anc-rec .title.color-blue {
  color: #0091DC;
}
.pdx-anc-rec .title.color-green {
  color: #009245;
}
.pdx-anc-list {
  background: #F5F5F5;
  padding: 24px;
  text-align: start;
  border-radius: 10px;
}
.pdx-anc-list.ico-blue li::before {
  background-color: #0091DC;
}
.pdx-anc-list.ico-green li::before {
  background-color: #009245;
}
.pdx-anc-list li {
  position: relative;
  padding-left: 28px;
}
.pdx-anc-list li ~ * {
  margin-top: 4px;
}
.pdx-anc-list li::before {
  content: "";
  position: absolute;
  -webkit-mask-image: url(/dcms_media/other/ico-check.svg);
          mask-image: url(/dcms_media/other/ico-check.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 20px;
  height: 20px;
  top: 4px;
  left: 0;
}
.pdx-anc-btn .txt {
  position: relative;
  color: #BCBCBC;
  padding-right: 45px;
  transition: all 0.3s;
}
.pdx-anc-btn .txt::before {
  content: "";
  position: absolute;
  -webkit-mask-image: url(/dcms_media/other/ico-arr.svg);
          mask-image: url(/dcms_media/other/ico-arr.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 30px;
  height: 30px;
  right: 0;
  top: -4px;
}
.pdx-anc-btn .txt.ico-blue::before {
  background-color: #0091DC;
}
.pdx-anc-btn .txt.ico-green::before {
  background-color: #009245;
}
@media screen and (min-width: 768px) {
  .pdx-service-container .-inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.pdx-service-wrapper {
  padding: 20px;
  border-radius: 10px;
}
.pdx-service-wrapper.bg-blue {
  background-color: #0091DC;
}
.pdx-service-wrapper.bg-green {
  background-color: #45AE64;
}
.pdx-service-item {
  background-color: #fff;
  padding: 30px;
}
@media screen and (min-width: 768px) {
  .pdx-service-item {
    padding: 40px;
  }
}
.pdx-service-flex {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 1200px) {
  .pdx-service-flex {
    flex-direction: row;
    gap: 48px;
  }
}
@media screen and (max-width: 1199.8px) {
  .pdx-service-txtarea .thumb {
    text-align: center;
  }
}
@media screen and (min-width: 1200px) {
  .pdx-service-txtarea {
    width: calc(50% - 24px);
  }
}
.pdx-service-title .title {
  font-size: 24px;
  font-weight: 700;
}
.pdx-service-thumb {
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .pdx-service-thumb {
    width: calc(50% - 24px);
  }
}
.pdx-service-list {
  background: #F5F5F5;
  padding: 24px;
  border-radius: 10px;
}
.pdx-service-list .title {
  font-size: 18px;
  font-weight: 700;
}
.pdx-service-list .list {
  display: grid;
  -moz-column-gap: 2em;
       column-gap: 2em;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 1200px) {
  .pdx-service-list .list {
    grid-template-columns: repeat(2, auto);
  }
}
.pdx-service-list li {
  position: relative;
  padding-left: 28px;
}
.pdx-service-list li::before {
  content: "";
  position: absolute;
  -webkit-mask-image: url(/dcms_media/other/ico-check.svg);
          mask-image: url(/dcms_media/other/ico-check.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 20px;
  height: 20px;
  top: 4px;
  left: 0;
}
.pdx-service-list li.ico-blue::before {
  background-color: #0091DC;
}
.pdx-service-list li.ico-green::before {
  background-color: #009245;
}
.pdx-service-inner {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1200px) {
  .pdx-service-inner {
    flex-direction: row;
  }
}
@media screen and (min-width: 1200px) {
  .pdx-service-inner-txtarea {
    width: calc(100% - 50px);
  }
}
.pdx-service-inner .txt {
  display: flex;
  align-items: end;
  margin-top: 16px;
}
.pdx-service-btn {
  display: grid;
  -moz-column-gap: 20px;
       column-gap: 20px;
  grid-template-rows: repeat(2, auto);
  gap: 10px;
}
@media screen and (min-width: 1200px) {
  .pdx-service-btn {
    grid-template-columns: repeat(2, auto);
  }
}
.pdx-service-btn .btn {
  padding: 12px;
  border-radius: 8px;
  transition: all 0.3s;
}
.pdx-service-btn .btn.bg-grad {
  background: linear-gradient(100deg, #FE3718, #FFCC4D);
  border: 2px solid #fff;
}
.pdx-service-btn .btn.bg-grad:hover {
  border: 2px solid #FE4521;
  background: #fff;
}
.pdx-service-btn .btn.bg-grad:hover a {
  color: #FE4521;
}
.pdx-service-btn .btn.bg-blue {
  background: #0091DC;
  border: 2px solid #fff;
}
.pdx-service-btn .btn.bg-blue:hover {
  border: 2px solid #0091DC;
  background-color: #fff;
}
.pdx-service-btn .btn.bg-blue:hover a {
  color: #0091DC;
}
.pdx-service-btn .btn.bg-green {
  background-color: #009245;
  border: 2px solid #fff;
}
.pdx-service-btn .btn.bg-green:hover {
  border: 2px solid #009245;
  background-color: #fff;
}
.pdx-service-btn .btn.bg-green:hover a {
  color: #009245;
}
.pdx-service-btn .btn a {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  .pdx-service-btn .btn a {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .pdx-service-btn .btn a {
    font-size: 22px;
  }
}
.pdx-service-feature {
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .pdx-service-feature {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.pdx-service-feature.bg-blue {
  background-color: #0091DC;
}
.pdx-service-feature.bg-green {
  background-color: #45AE64;
}
.pdx-service-feature .title {
  font-size: 24px;
  font-weight: 700;
}
.pdx-service-feature .col {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 26px;
  border-radius: 10px;
}
@media screen and (min-width: 1200px) {
  .pdx-service-feature .col {
    padding: 32px;
  }
}
.pdx-service-feature .col .title {
  font-size: 18px;
  line-height: 1.4;
}
.pdx-service-feature .col .txt {
  line-height: 1.4;
}
.pdx-service-feature .col .thumb {
  background: #F5F5F5;
  border-radius: 50px;
  display: inline-block;
}
.pdx-service-box {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 24px;
  padding: 20px;
  border-radius: 10px;
}
@media screen and (min-width: ) {
  .pdx-service-box {
    padding: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .pdx-service-box {
    flex-direction: row-reverse;
  }
}
.pdx-service-box.bg-blue {
  background: #00245D;
}
.pdx-service-box.bg-green {
  background: #12712F;
}
.pdx-service-box.bg-gry {
  background: #F5F5F5;
}
@media screen and (min-width: 1200px) {
  .pdx-service-box-txtarea {
    width: calc(65% - 12px);
  }
}
.pdx-service-box-txtarea .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (min-width: 1200px) {
  .pdx-service-box-txtarea .title {
    font-size: 24px;
  }
}
.pdx-service-box-txtarea .btn {
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .pdx-service-box-txtarea .btn {
    text-align: right;
  }
}
.pdx-service-box-txtarea .btn .color-blue a {
  color: #00245D;
}
.pdx-service-box-txtarea .btn .color-blue:hover a {
  background-color: #00245D;
  color: #fff;
}
.pdx-service-box-txtarea .btn .color-green a {
  color: #009245;
}
.pdx-service-box-txtarea .btn .color-green:hover a {
  background-color: #009245;
}
.pdx-service-box-txtarea .btn .color-grad a {
  color: #fff;
  background: linear-gradient(100deg, #FE3718, #FFCC4D);
  border: 2px solid #fff;
}
.pdx-service-box-txtarea .btn .color-grad:hover a {
  color: #FE4521;
  border: 2px solid #FE4521;
  background: #fff;
}
.pdx-service-box-txtarea .btn a {
  position: relative;
  background-color: #fff;
  border: 2px solid #fff;
  padding: 14px 38px 14px 28px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  border-radius: 8px;
  display: inline-block;
  transition: 0.3s;
  width: 100%;
  text-align: center;
  line-height: 1.3;
}
.pdx-service-box-txtarea .btn a::after {
  position: absolute;
  display: block;
  content: "";
  right: 14px;
  top: 50%;
  width: 9px;
  height: 9px;
  border-width: 2px 2px 0 0;
  border-style: solid;
  transform: rotate(45deg) translateX(-50%);
}
@media screen and (min-width: 768px) {
  .pdx-service-box-txtarea .btn a {
    width: 80%;
  }
}
@media screen and (min-width: 1200px) {
  .pdx-service-box-txtarea .btn a {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.pdx-service-box-txtarea .btn:hover a {
  color: #fff;
}
@media screen and (min-width: 1200px) {
  .pdx-service-box-thumb {
    width: calc(35% - 12px);
  }
}
.pdx-service-box-thumb img {
  border-radius: 10px;
}
.pdx-service-proposal .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .pdx-service-proposal .title {
    font-size: 32px;
  }
}
.pdx-cta-container {
  background: linear-gradient(100deg, #FE3718, #FFCC4D);
}
.pdx-cta-inner {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .pdx-cta-inner {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.pdx-cta-title .title {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .pdx-cta-title .title {
    font-size: 32px;
  }
}
.pdx-cta-btn {
  display: flex;
  gap: 18px;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .pdx-cta-btn {
    gap: 32px;
    flex-direction: row;
  }
}
.pdx-cta-btn a {
  color: #fff;
  text-decoration: none;
  padding: 16px 28px;
  border-radius: 8px;
  font-size: 18px;
  display: inline-block;
  font-weight: 700;
  width: 100%;
  text-align: center;
  transition: 0.3s;
}
@media screen and (min-width: ) {
  .pdx-cta-btn a {
    font-size: 22px;
  }
}
.pdx-cta-btn a.bg-blue {
  border: 2px solid #0091DC;
  background-color: #0091DC;
}
.pdx-cta-btn a.bg-green {
  border: 2px solid #009245;
  background-color: #009245;
}
.pdx-cta-btn a:hover {
  background-color: #fff;
}
.pdx-cta-btn a:hover.bg-blue {
  border: 2px solid #0091DC;
  color: #0091DC;
}
.pdx-cta-btn a:hover.bg-green {
  border: 2px solid #009245;
  color: #009245;
}
.pdx-cta-btn.-contact a {
  background-color: #fff;
  color: #FE4521;
  text-decoration: none;
  padding: 12px 28px;
  border-radius: 8px;
  border: 2px solid #fff;
  font-size: 18px;
  display: inline-block;
  font-weight: 700;
  letter-spacing: 1.28px;
  line-height: 1.4;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .pdx-cta-btn.-contact a {
    font-size: 22px;
  }
}
.pdx-cta-btn.-contact a:hover {
  background-color: #FE4521;
  color: #fff;
}
.pdx-point-headline .title {
  line-height: 1.4;
  font-size: 22px;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .pdx-point-headline .title {
    font-size: 32px;
  }
}
.pdx-point-flex {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pdx-point-container {
  padding-top: 100px;
  padding-bottom: 100px;
}
.pdx-point-container.bg-lgry {
  background-color: #F5F5F5;
}
.pdx-point-item {
  display: flex;
}
.pdx-point-num {
  background: linear-gradient(100deg, #FE3718, #FFCC4D);
  padding: 22px 10px;
  display: flex;
  align-items: center;
  border-radius: 10px 0 0 10px;
}
@media screen and (min-width: 1200px) {
  .pdx-point-num {
    padding: 32px 20px;
  }
}
.pdx-point-num .point {
  writing-mode: sideways-lr;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
@media screen and (min-width: 1200px) {
  .pdx-point-num .point {
    font-size: 18px;
  }
}
.pdx-point-txtarea {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 25px 16px;
  border-radius: 0 10px 10px 0;
}
@media screen and (min-width: 1200px) {
  .pdx-point-txtarea {
    flex-direction: row;
    gap: 32px;
    padding: 40px 32px;
  }
}
.pdx-point-txtarea .title {
  font-size: 20px !important;
  line-height: 1.4;
  color: #FE4521;
}
@media screen and (min-width: 768px) {
  .pdx-point-txtarea .title {
    font-size: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .pdx-point-title {
    width: calc(38% - 16px);
  }
}
.pdx-point-title .title {
  font-size: 28px;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .pdx-point-title .title {
    font-size: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .pdx-point-txt {
    width: calc(62% - 16px);
  }
}
.pdx-case-container h2 {
  font-size: 22px;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .pdx-case-container h2 {
    font-size: 32px;
  }
}
.pdx-case-flex {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 24px;
}
@media screen and (min-width: 1200px) {
  .pdx-case-flex {
    flex-direction: row;
  }
}
.pdx-case-col {
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 1200px) {
  .pdx-case-col {
    width: calc(33.333% - 24px);
  }
}
.pdx-case-txtarea {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 20px;
  background: #F5F5F5;
  border-radius: 0 0 10px 10px;
}
@media screen and (min-width: 1200px) {
  .pdx-case-txtarea {
    padding: 32px;
  }
}
.pdx-case-txtarea .title {
  line-height: 1.4;
  font-size: 24px;
}
.pdx-case-txtarea .chip {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.pdx-case-txtarea .chip li {
  padding: 2px 10px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  background-color: #fff;
}
.pdx-case-txtarea .chip li.bg-blue {
  border: 1px solid #0091DC;
  color: #0091DC;
}
.pdx-case-txtarea .chip li.bg-green {
  border: 1px solid #12712F;
  color: #12712F;
}
.pdx-case-inside {
  padding-bottom: 20px;
}
.pdx-case-inside .txt {
  margin-top: 20px;
}
.pdx-case-inside .chip {
  margin-top: 20px;
}
.pdx-case-thumb img {
  border-radius: 10px 10px 0 0;
}
.pdx-case-btn {
  margin-top: auto;
}
.pdx-case-btn a {
  position: relative;
  color: #BCBCBC;
  text-decoration: none;
  padding-right: 16px;
  display: block;
  width: 100%;
  transition: 0.3s;
}
.pdx-case-btn a::after {
  position: absolute;
  display: block;
  content: "";
  right: 0;
  top: 50%;
  width: 9px;
  height: 9px;
  border-width: 1.5px 1.5px 0 0;
  border-style: solid;
  transform: rotate(45deg) translateX(-50%);
}
.pdx-case-btn a:hover {
  color: #FE4521;
}
.pdx-column-container {
  padding-top: 100px;
  padding-bottom: 100px;
}
.pdx-column-container.bg-lgry {
  background-color: #F5F5F5;
}
.pdx-column-container .service-media-block__thumb {
  border-radius: 10px;
}
.pdx-column-container .service-media-block__day {
  font-size: 16px;
}
.pdx-column-container .service-media-block__ttl {
  font-size: 18px;
}
.pdx-column-container .service-media-block__card:hover .service-media-block__day {
  color: #0091DC;
}
.pdx-column-container .service-media-block__card:hover .service-media-block__ttl a {
  color: #0091DC;
}
.pdx-faq-container.bg-lgry {
  background-color: #F5F5F5;
}
.pdx-faq-container.pt-30 {
  padding-top: 30px;
}
.pdx-faq-container.pt-40 {
  padding-top: 40px;
}
.pdx-faq-container.pt-100 {
  padding-top: 50px;
}
@media screen and (min-width: 768px) {
  .pdx-faq-container.pt-100 {
    padding-top: 100px;
  }
}
.pdx-faq-container.pb-100 {
  padding-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .pdx-faq-container.pb-100 {
    padding-bottom: 100px;
  }
}

.lp-faq__q.bg-orange::before {
  background-color: #FE4521;
}

.lp-faq__a.bg-orange::before {
  color: #FE4521;
  border: 1px solid #FE4521;
}
.lp-faq__a .color-orange {
  color: #FE4521;
}

:has(.phonedx-header) .site-header__logo {
  max-width: 120px;
  width: 100%;
}
@media screen and (min-width: 1680px) {
  :has(.phonedx-header) .site-header__logo {
    max-width: 180px;
  }
}
@media screen and (max-width: 1025px) {
  :has(.phonedx-header) .site-header__cv {
    flex-direction: row;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 16px 0;
    gap: 16px;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1025px) {
  :has(.phonedx-header) .site-header__cv__item {
    width: 100%;
  }
}
:has(.phonedx-header) .site-header__cv__item a {
  border-radius: 8px;
  padding: 14px !important;
  color: #fff;
  font-size: 14px !important;
  line-height: 1.4;
}
@media screen and (min-width: 1274px) {
  :has(.phonedx-header) .site-header__cv__item a {
    padding: 20px !important;
    font-size: 16px !important;
  }
}
@media screen and (max-width: 1025px) {
  :has(.phonedx-header) .site-header__cv__item a {
    padding: 16px !important;
    font-size: 16px !important;
    font-size: 16px !important;
    justify-content: center;
  }
}
:has(.phonedx-header) .site-header__cv__item.bg-blue a {
  background-color: #0091DC;
  border: 2px solid #0091DC;
}
:has(.phonedx-header) .site-header__cv__item.bg-blue a:hover {
  background-color: #fff;
  color: #0091DC;
}
:has(.phonedx-header) .site-header__cv__item.bg-green a {
  background-color: #009245;
  border: 2px solid #009245;
}
:has(.phonedx-header) .site-header__cv__item.bg-green a:hover {
  background-color: #fff;
  color: #009245;
}
@media screen and (max-width: 1024.8px) {
  :has(.phonedx-header) .site-header__nav.-is-open {
    justify-content: center !important;
  }
}
.site-nav__item a::before {
  display: none;
}
.site-nav__item a:hover {
  color: #FE4521;
}

.lp-mv.-phonedx {
  max-width: 1580px;
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  min-height: 612px;
  margin-top: 100px;
}
@media screen and (min-width: 768px) {
  .lp-mv.-phonedx {
    margin-top: 150px;
  }
}
@media screen and (min-width: 1200px) {
  .lp-mv.-phonedx {
    min-height: 600px;
    width: 96%;
  }
}
:has(.-phonedx) .lp-mv__bg img {
  border-radius: 30px;
}
:has(.-phonedx) .lp-mv__inner {
  max-width: 700px;
}
@media screen and (min-width: 1200px) {
  :has(.-phonedx) .lp-mv__inner {
    max-width: 1420px;
  }
}
:has(.-phonedx) .lp-mv__detail {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  :has(.-phonedx) .lp-mv__detail {
    width: 640px;
  }
}
@media screen and (min-width: 1274px) {
  :has(.-phonedx) .lp-mv__detail {
    width: 730px;
  }
}
:has(.-phonedx) .lp-mv__title {
  margin-top: unset;
}
:has(.-phonedx) .lp-mv__title .bg-grad {
  line-height: 2.2;
  padding: 8px 16px;
  background: linear-gradient(108deg, #FE3B18 10%, #FF8000 90%);
  color: #fff;
  font-size: 22px;
}
@media screen and (min-width: ) {
  :has(.-phonedx) .lp-mv__title .bg-grad {
    padding: 10px;
    font-size: 30px;
  }
}
@media screen and (min-width: 768px) {
  :has(.-phonedx) .lp-mv__title .bg-grad {
    line-height: 1.8;
    font-size: 34px;
  }
}
@media screen and (min-width: 1200px) {
  :has(.-phonedx) .lp-mv__title .bg-grad {
    line-height: 1.9;
  }
}
:has(.-phonedx) .lp-mv__title .bg-grad .strong {
  font-size: 30px;
}
@media screen and (min-width: ) {
  :has(.-phonedx) .lp-mv__title .bg-grad .strong {
    font-size: 38px;
  }
}
@media screen and (min-width: 768px) {
  :has(.-phonedx) .lp-mv__title .bg-grad .strong {
    font-size: 55px;
  }
}
:has(.-phonedx) .lp-mv__title .bg-grad.-main {
  padding: 16px 10px 10px 10px;
}
@media screen and (min-width: 768px) {
  :has(.-phonedx) .lp-mv__title .bg-grad.-main {
    padding: 28px 12px 12px 12px;
  }
}
@media screen and (min-width: 1274px) {
  :has(.-phonedx) .lp-mv__title .bg-grad.-main {
    padding: 30px 20px 20px 20px;
  }
}
:has(.-phonedx) .lp-mv__btn.mt-15 {
  margin-top: 10px;
}
@media screen and (min-width: 1200px) {
  :has(.-phonedx) .lp-mv__btn.mt-15 {
    margin-top: 15px;
  }
}
:has(.-phonedx) .lp-mv__btn a {
  line-height: 1.3;
}
:has(.-phonedx) .lp-mv__btn .btn {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  :has(.-phonedx) .lp-mv__btn .btn {
    width: 310px;
  }
}
:has(.-phonedx) .lp-mv__btn .btn.bg-blue a {
  background-color: #0091DC;
  border: 2px solid #0091DC;
}
:has(.-phonedx) .lp-mv__btn .btn.bg-blue a:hover {
  color: #0091DC;
}
:has(.-phonedx) .lp-mv__btn .btn.bg-green a {
  background-color: #009245;
  border: 2px solid #009245;
}
:has(.-phonedx) .lp-mv__btn .btn.bg-green a:hover {
  color: #009245;
}
:has(.-phonedx) .lp-mv__btn .btn.-contact a {
  background-color: #fff;
  border: 1px solid #D2D2D2;
  color: #FE4521;
  padding: 12px;
  letter-spacing: normal;
}
:has(.-phonedx) .lp-mv__btn .btn.-contact a:hover {
  background-color: #FE4521;
  color: #fff;
}
:has(.-phonedx) .lp-mv__btn .btn a {
  color: #fff;
  padding: 20px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 8px;
  display: block;
  transition: 0.3s;
}
@media screen and (min-width: 1274px) {
  :has(.-phonedx) .lp-mv__btn .btn a {
    padding: 22px 16px;
  }
}
:has(.-phonedx) .lp-mv__btn .btn a:hover {
  background-color: #fff;
}
:has(.-phonedx) .lp-mv__img {
  width: 100%;
  position: unset;
  left: unset;
  transform: unset;
  margin-top: 40px;
}
@media screen and (max-width: 767.8px) {
  :has(.-phonedx) .lp-mv__img {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1200px) {
  :has(.-phonedx) .lp-mv__img {
    position: absolute;
    width: 632px;
    top: 50%;
    right: 0;
    left: unset;
    transform: translateY(-50%);
    width: calc(100% - 660px);
    margin-top: unset;
  }
}
@media screen and (min-width: 1274px) {
  :has(.-phonedx) .lp-mv__img {
    width: calc(100% - 800px);
  }
}/*# sourceMappingURL=phonedx_lp.css.map */