.p-header,
.p-mainVisual,
.p-nav,
.p-logo,
.p-onayami,
.p-feature,
.p-function,
.p-case__wrapper,
.p-case,
.p-cta,
.p-faq,
.p-footer,
.p-copyright,
.p-compare {
width: 100% !important;
}
.p-header.is-clone {
width: 100% !important;
}
.p-mainVisual__inner {
padding: 120px 70px 180px !important;
}
.p-mainVisual__content {
margin: 0 auto;
max-width: none;
position: relative;
width: 100% !important;
}
.p-mainVisual__left {
display: flex;
flex-direction: column;
gap: 20px;
position: relative;
width: 50%;
z-index: 2;
}
.p-mainVisual__copy {
display: flex;
flex-direction: column;
gap: 0;
}
.p-mainVisual__content__title {
background-image: none !important;
text-indent: 0 !important;
overflow: visible !important;
white-space: normal !important;
width: 100% !important;
height: auto !important;
margin: 0 auto;
font-size: 34px;
font-weight: 700;
line-height: 1.45;
color: #1f1d1d;
text-align: center;
}
.p-mainVisual__content__text {
line-height: 1.6;
margin-top: 16px;
}
.p-mainVisual__content__laptop {
left: auto !important;
position: absolute !important;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 55%;
z-index: 1;
}
.p-mainVisual__content__media {
align-self: center;
justify-self: start;
margin: 0 !important;
}
.p-mainVisual__badges {
display: flex;
flex-direction: row;
gap: 12px;
justify-content: center;
margin-top: 16px;
}
.p-mainVisual__badge {
align-items: center;
/* background: #fff; */
/* border-radius: 8px; */
/* box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); */
display: flex;
flex-direction: column;
gap: 6px;
min-width: 120px;
padding: 12px 8px;
text-align: center;
width: auto;
}
.p-mainVisual__badge img {
height: 70px;
object-fit: contain;
/* width: 70px; */
}
.p-mainVisual__badge span {
color: #1f1d1d;
font-size: 11px;
font-weight: 700;
line-height: 1.35;
}
.u-img-placeholder {
position: relative;
}
.u-img-placeholder img {
/* opacity: 0.6; */
}
.u-img-placeholder::after {
color: #aaa;
/* content: attr(data-img); */
display: none;
font-size: 9px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
}
.p-function__functionList__functionBox__textBox__category {
color: #777;
font-size: 12px;
font-weight: 700;
line-height: 1.5;
margin-bottom: 6px;
}
.p-feature__featureList__featureBox--source .p-feature__mediaGrid {
align-items: center;
background-image: none !important;
display: flex;
flex-direction: column;
height: auto !important;
justify-content: center;
min-height: 400px;
padding: 40px 30px;
}
.p-feature__mediaGrid__list {
display: grid;
gap: 16px;
grid-template-columns: repeat(3, 1fr);
list-style: none;
margin: 0;
max-width: 320px;
padding: 0;
width: 100%;
}
.p-feature__mediaGrid__item {
align-items: center;
aspect-ratio: 1;
background: #fff;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
display: flex;
justify-content: center;
padding: 0;
}
.p-feature__mediaGrid__item img {
height: 96px;
object-fit: contain;
width: 96px;
}
.p-feature__mediaGrid__caption {
color: #777;
font-size: 11px;
margin-top: 16px;
text-align: center;
}
.p-formSection {
background-color: #d11924;
margin-top: 30px;
padding: 60px 0 80px;
width: 100%;
}
.p-formSection .l-container {
text-align: center;
}
.p-formSection__label {
background-color: #e8f55a;
border-radius: 4px;
color: #1f1d1d;
display: inline-block;
font-family: Raleway, sans-serif;
font-size: 13px;
font-weight: 700;
left: 50%;
letter-spacing: 0.05em;
padding: 4px 14px;
position: relative;
transform: translateX(-50%);
}
.p-formSection__title {
color: #fff;
font-size: 32px;
font-weight: 700;
line-height: 1.4;
margin: 16px 0 32px;
text-align: center;
}
.p-formSection__card {
background: #fff;
border-radius: 8px;
margin: 0 auto;
max-width: 640px;
overflow: hidden;
padding: 32px 28px;
}
.p-formSection__card iframe {
border: 0;
display: block;
height: 700px;
width: 100%;
}
aside .p-form {
display: none !important;
}
.p-sticky {
display: none !important;
}
@media screen and (max-width: 1439px) {
.p-mainVisual__inner {
  padding: calc(120 / 1440 * 100vw) calc(70 / 1440 * 100vw) calc(120 / 1440 * 100vw) !important;
}
.p-mainVisual__left {
  gap: calc(20 / 1440 * 100vw);
}
.p-mainVisual__content__title {
  font-size: calc(34 / 1440 * 100vw);
}
.p-mainVisual__content__text {
  margin-top: calc(16 / 1440 * 100vw);
}
.p-mainVisual__badges {
  gap: calc(12 / 1440 * 100vw);
  margin-top: calc(16 / 1440 * 100vw);
}
.p-mainVisual__badge {
  min-width: calc(120 / 1440 * 100vw);
  /* padding: calc(12 / 1440 * 100vw) calc(16 / 1440 * 100vw); */
  padding: 0;
}
.p-mainVisual__badge img {
  height: calc(80 / 1440 * 100vw);
  width: calc(110 / 1440 * 100vw);
}
.p-mainVisual__badge span {
  font-size: calc(11 / 1440 * 100vw);
}
.p-formSection {
  padding: calc(60 / 1440 * 100vw) 0 calc(80 / 1440 * 100vw);
}
.p-formSection__title {
  font-size: calc(32 / 1440 * 100vw);
}
}
@media screen and (max-width: 767px) {
.p-mainVisual__inner {
  padding: calc(120 / 375 * 100vw) calc(0 / 375 * 100vw) calc(120 / 375 * 100vw) !important;
}
.p-mainVisual__content {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  width: 100%;
}
.p-mainVisual__left,
.p-mainVisual__copy {
  display: contents;
}
.p-mainVisual__content__title {
  font-size: calc(22 / 375 * 100vw);
  line-height: 1.5;
  order: 1;
}
.p-mainVisual__content__text {
  margin-top: calc(16 / 375 * 100vw);
  order: 2;
}
.p-mainVisual__content__laptop {
  margin-top: calc(20 / 375 * 100vw);
  order: 3;
  position: static !important;
  transform: none;
  width: 100%;
  z-index: auto;
}
.p-mainVisual__content__media {
  align-self: center;
  justify-self: center;
  margin: 0 auto !important;
  order: 5;
}
.p-mainVisual__badges {
  justify-content: center;
  margin-top: calc(16 / 375 * 100vw);
	gap: calc(20 / 375 * 100vw);
  order: 4;
}
.p-mainVisual__badge {
  min-width: calc(120 / 375 * 100vw);
  width: auto;
}
.p-mainVisual__badge img {
  height: calc(90 / 375 * 100vw);
  width: calc(120 / 375 * 100vw);
}
.p-feature__featureList__featureBox--source .p-feature__mediaGrid {
  min-height: auto;
  padding: calc(30 / 375 * 100vw) calc(20 / 375 * 100vw);
}
.p-feature__mediaGrid__list {
  gap: calc(10 / 375 * 100vw);
  max-width: 100%;
}
.p-feature__mediaGrid__item img {
  height: calc(32 / 375 * 100vw);
  width: calc(32 / 375 * 100vw);
}
.p-function__functionList__functionBox__textBox__category {
  font-size: calc(11 / 375 * 100vw);
}
.p-formSection {
  padding: calc(40 / 375 * 100vw) 0 calc(50 / 375 * 100vw);
}
.p-formSection__title {
  font-size: calc(22 / 375 * 100vw);
  margin-bottom: calc(24 / 375 * 100vw);
}
.p-formSection__card {
  padding: calc(20 / 375 * 100vw) calc(16 / 375 * 100vw);
}
.p-formSection__card iframe {
  height: 600px;
}
}
.p-cta__button a:after{
content: none;
}
.p-cta__button a{
  padding-left: 0;
  justify-content: center;
  pointer-events: painted;
}
.p-mainVisual__left .p-cta__button a{
  background: #d11924;
  /* border: 1px solid #d11924; */
  color: #fff;
  width: 80%;
}
#pardot-form{
  display: flex !important;
  flex-direction: column !important;
  gap:20px !important;
}