body {
font-family: "Noto Sans JP", sans-serif;
}
.u-desktop {
display: none;
} html {
font-size: 16px;
}
:root {
--height--wp-admin-bar: 0px;
}
body.admin-bar {
--height--wp-admin-bar: 32px;
}
.header {
margin-top: 0px;
margin-top: var(--height--wp-admin-bar);
}
:root {
--height--header: calc(63 * 1rem / 16);
}
:root {
--padding-block--sub-page: calc(32 * 1rem / 16);
}
*,
*::before,
*::after {
box-sizing: border-box;
} ul,
ol {
padding: 0;
} body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
margin: 0;
} html {
scroll-behavior: smooth;
} body {
line-height: 1.5;
margin: 0 auto;
max-width: 1920px;
min-height: 100vh;
text-rendering: optimizeLegibility;
} ul,
ol,
summary {
list-style: none;
} a:not([class]) {
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
} img {
display: block;
max-width: 100%;
width: 100%;
} article > * + * {
margin-top: 1em;
} input,
button,
textarea,
select {
font: inherit;
} img:not([alt]) {
filter: blur(10px);
} input,
button,
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
outline: none;
}
textarea {
resize: vertical;
}
input[type=checkbox],
input[type=radio] {
display: none;
}
input[type=submit],
input[type=button],
label,
button,
select {
cursor: pointer;
}
select::-ms-expand {
display: none;
} a {
-webkit-text-decoration: none;
color: inherit;
text-decoration: none;
transition: opacity 0.3s;
}
summary::-webkit-details-marker {
display: none;
}
.top-blog {
margin-top: 5rem;
}
.top-company {
margin-top: 2.5rem;
}
.top-flow {
margin-top: 3rem;
}
.top-footer {
margin-top: 3.8125rem;
}
.top-point {
margin-top: 2rem;
}
.accordion-faq__title {
align-items: center;
background-color: #f4f9ff;
color: #121212;
cursor: pointer;
display: flex;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.8125rem;
font-weight: 500;
gap: 0.5rem;
letter-spacing: 0.05em;
line-height: 1.7692307692;
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 2.5rem;
padding-top: 1rem;
position: relative;
}
.accordion-faq__title::before {
aspect-ratio: 1/1;
background-image: url(//mypro-inc.com/yorisoi/wp-content/themes/yorisoi/dist/assets/images/common/accordion-faq-close.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
content: "";
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
transition: background-image 0.3s;
width: 1rem;
}
.accordion-faq__title.active::before {
background-image: url(//mypro-inc.com/yorisoi/wp-content/themes/yorisoi/dist/assets/images/common/accordion-faq-open.png);
transition: background-image 0.3s;
}
.accordion-faq__icon {
color: #4c8cd6;
font-family: "Kiwi Maru", serif;
font-size: 1.5rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.5;
}
.accordion-faq__icon.accordion-faq__icon--answer {
color: #f55595;
}
.accordion-faq__body {
align-items: center;
display: flex;
gap: 1rem;
padding: 1rem;
}
.accordion-faq__text {
color: #121212;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.8125rem;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.7692307692;
}
.bg--lightgray {
background-color: #fbfbfb;
}
.button {
align-items: center;
background-color: #fff;
border: 1px solid #000;
color: #000;
display: inline-flex;
justify-content: center;
padding-bottom: 1rem;
padding-top: 1rem;
position: relative;
transition: color 0.3s ease;
width: min(100%, 12.5rem);
z-index: 0;
}
.button::before {
background-color: #000;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
transition: width 0.3s ease;
width: 0%;
z-index: -1;
}
.button:hover {
color: #fff;
z-index: 1;
}
.button:hover::before {
width: 100%;
}
.card {
grid-gap: 0.625rem;
background-color: #fff;
box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.25);
display: grid;
gap: 0.625rem;
grid-row: span 3;
grid-template-rows: subgrid;
padding: 0.625rem;
}
.card:hover {
opacity: 0.6;
}
.card__image img {
-o-object-fit: cover;
aspect-ratio: 300/200;
height: 100%;
object-fit: cover;
width: 100%;
}
.card__header {
border-bottom: 1px solid #000;
padding-bottom: 0.25rem;
}
.cards {
align-items: center;
display: flex;
flex-direction: column;
gap: 2.5rem;
justify-content: center;
}
.case-studies-card {
border-radius: 16px;
box-shadow: 0 4px 16px 0 rgba(18, 18, 18, 0.1);
padding: 1.5rem;
position: relative;
}
.case-studies-card::before {
background-color: #fff;
border-radius: 16px;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.case-studies-card__header {
align-items: center;
display: flex;
gap: 1rem;
}
.case-studies-card__header-icon img {
-o-object-fit: cover;
aspect-ratio: 1/1;
height: 100%;
max-width: 4.5rem;
object-fit: cover;
width: 4.5rem;
}
.case-studies-card__header-item {
background-color: #f5f6f8;
color: #000;
display: inline-block;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0;
line-height: 1.5;
padding: 0.21875rem 1rem;
}
.case-studies-card__header-text {
color: #000;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.8125rem;
font-weight: 400;
letter-spacing: 0;
line-height: 1.5;
margin-top: 0.5rem;
}
.case-studies-card__price-info {
background-color: #f4f9ff;
border-radius: 8px;
margin-top: 1rem;
padding-bottom: 0.75rem;
padding-top: 0.75rem;
position: relative;
}
.case-studies-card__price-info::before {
aspect-ratio: 1/1;
background-image: url(//mypro-inc.com/yorisoi/wp-content/themes/yorisoi/dist/assets/images/common/case-studies-card-price-info-arrow.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
bottom: -1.6875rem;
content: "";
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 1.75rem;
z-index: -1;
}
.case-studies-card__price-info-text {
color: #000;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.7857142857;
text-align: center;
}
.case-studies-card__price-info-price {
color: #006db4;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.7777777778;
}
.case-studies-card__result {
margin-top: 1.75rem;
}
.case-studies-card__result-text {
background-color: #ff6600;
border-radius: 32px;
color: #fff;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.875rem;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1.7857142857;
padding-bottom: 0.1875rem;
padding-top: 0.1875rem;
text-align: center;
}
.case-studies-card__result-unit {
align-items: center;
display: flex;
gap: 0.5rem;
justify-content: center;
margin-top: 0.25rem;
}
.case-studies-card__result-price {
color: #ff6600;
font-family: "Noto Sans JP", sans-serif;
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1.7916666667;
}
.case-studies-card__result-price--large {
font-size: 2.25rem;
line-height: 1.8055555556;
}
.case-studies-card__result-icon img {
-o-object-fit: cover;
aspect-ratio: 1/1;
height: 100%;
object-fit: cover;
width: 3.125rem;
}
.case-studies-card__conclusion {
border-top: 1px solid #dedede;
color: #121212;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.7857142857;
margin-top: 0.25rem;
padding-top: 0.6875rem;
text-align: center;
}
.case-studies {
padding-top: 2rem;
}
.case-studies__inner.inner {
padding-left: 24px;
padding-right: 24px;
}
.case-studies__cards {
grid-gap: 1.5rem;
align-content: center;
display: grid;
gap: 1.5rem;
justify-content: center;
margin-top: 1.5rem;
place-content: center;
}
.company {
padding-bottom: 2rem;
}
.company__inner.inner {
padding-left: 16px;
padding-right: 16px;
}
.company__body {
margin-top: 1.5rem;
padding-left: 1rem;
padding-right: 1rem;
position: relative;
}
.company__body::before {
background-color: #fff;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.contact-form__group {
display: flex;
flex-direction: column;
}
.contact-form__label {
align-items: center;
border-top: 1px solid #000;
display: flex;
gap: 1.25rem;
justify-content: flex-start;
padding-bottom: 1.25rem;
padding-top: 1.25rem;
}
.contact-form__input {
background-color: #fff;
border: 1px solid #000;
padding: 0.625rem;
width: 100%;
}
.contact-form__input.contact-form__input--tel {
text-align: center;
}
.contact-form__input.contact-form__input--post {
text-align: center;
}
.contact-form__required {
background-color: #ff0000;
border-radius: 5px;
color: #fff;
padding: 0.25rem 0.5rem;
}
.contact-form__field {
padding-bottom: 1.25rem;
padding-top: 1.25rem;
}
.contact-form__field-name {
align-items: center;
display: flex;
gap: 0.625rem;
width: min(100%, 18.75rem);
}
.contact-form__field-wrapper {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.contact-form__field-address {
grid-gap: 0.625rem;
align-items: center;
display: grid;
gap: 0.625rem;
}
.contact-form__field-address.contact-form__field-address--post {
grid-template-columns: 4rem auto auto auto;
width: min(80%, 16.25rem);
}
.contact-form__field-address.contact-form__field-address--street-address {
grid-template-columns: 4rem auto;
width: 100%;
}
.contact-form__field-tel {
align-items: center;
display: flex;
gap: 0.625rem;
width: min(100%, 18.75rem);
}
.contact-form__check-box {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.contact-form__field .wpcf7-form-control-wrap {
display: block;
width: 100%;
}
.contact-form__check-box .wpcf7-form-control-wrap {
margin-top: 1rem;
width: 100%;
}
.contact-form__check-box .wpcf7-list-item {
margin: 0;
}
.contact-form__check-box .wpcf7-list-item label {
align-items: center;
display: flex;
gap: 0.5rem;
}
.contact-form__check-box .wpcf7-list-item input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #000;
display: inline-block;
height: 1.25rem;
margin: 0;
position: relative;
width: 1.25rem;
}
.contact-form__check-box .wpcf7-list-item input[type=checkbox]:checked:before {
border-bottom: 2px solid #c94800;
border-right: 2px solid #c94800;
content: "";
display: inline-block;
height: 0.875rem;
left: 0.5rem;
position: absolute;
top: 0rem;
transform: rotate(50deg);
width: 0.375rem;
}
.contact-form__radio {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.contact-form__radio .wpcf7-list-item {
margin-left: 0;
}
.contact-form__radio .wpcf7-list-item label {
align-items: center;
display: flex;
gap: 0.5rem;
}
.contact-form__radio .wpcf7-list-item input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border: 1px solid #000;
border-radius: 50%;
display: inline-block;
height: 1.25rem;
margin: 0;
position: relative;
width: 1.25rem;
}
.contact-form__radio .wpcf7-list-item input[type=radio]:checked:before {
background-color: #000;
border-radius: 50%;
content: "";
height: 0.875rem;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 0.875rem;
}
.contact-form__field-select {
position: relative;
}
.contact-form__field-select::before {
border: 8px solid transparent;
border-top: 12px solid #000;
content: "";
position: absolute;
right: 1rem;
top: 35%;
}
.contact-form__select {
border: 1px solid #000;
padding: 0.625rem;
width: 100%;
}
.contact-form__selectItem {
border: 1px solid #000;
font-size: 0.75rem;
line-height: 1.5;
padding: 0.625rem 0rem 0.625rem 0.5rem;
}
.contact-form__acceptance {
margin-top: 2.5rem;
}
.contact-form__acceptance .wpcf7-form-control-wrap {
align-items: center;
display: flex;
justify-content: center;
margin-top: 0.875rem;
position: relative;
}
.contact-form__acceptance .wpcf7-list-item input[type=checkbox] {
background-color: #fff;
border: 1px solid #000;
border-radius: 2px;
display: inline-block;
height: 1.125rem;
margin-bottom: 0.3125rem;
margin-left: 0.25rem;
margin-right: 0.375rem;
position: relative;
vertical-align: -0.5rem;
width: 1.125rem;
}
.contact-form__acceptance .wpcf7-list-item input[type=checkbox]:checked:before {
border-bottom: 1px solid #c94800;
border-right: 1px solid #c94800;
content: "";
display: inline-block;
height: 0.8125rem;
left: 0.3125rem;
position: absolute;
top: 0;
transform: rotate(50deg);
width: 0.375rem;
}
.contact-form__button {
margin-top: 1.875rem;
text-align: center;
}
.contact-form__submit {
border: 1px solid #000;
display: inline-block;
position: relative;
width: min(100%, 10rem);
}
.contact-form__submit::before {
background-color: #000;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
transition: width 0.3s;
width: 0%;
z-index: -1;
}
.contact-form__submit:hover {
border: 1px solid #fff;
color: #fff;
transition: color 0.3s, border 0.3s;
z-index: 100;
}
.contact-form__submit:hover::before {
width: 100%;
}
.contact-form__textarea {
border: 1px solid #000;
height: min(100%, 12.5rem);
padding: 0.5rem 1rem;
width: 100%;
}
.contact {
padding-bottom: 2.5rem;
padding-top: 2.5rem;
}
.contact__inner {
max-width: 500px;
}
.contact__text-area {
margin-bottom: 2.5rem;
}
.contact__text {
font-family: "Kiwi Maru", serif;
font-size: 1rem;
line-height: 1.7;
margin-top: 1rem;
}
.contact__form-area .wpcf7-form {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.contact__form-area input[type=text],
.contact__form-area input[type=email],
.contact__form-area input[type=tel],
.contact__form-area textarea {
border: 1px solid #ddd;
border-radius: 0.25rem;
font-size: 1rem;
padding: 0.75rem;
width: 100%;
}
.contact__form-area input::-moz-placeholder,
.contact__form-area textarea::-moz-placeholder {
color: #aaa;
}
.contact__form-area input::placeholder,
.contact__form-area textarea::placeholder {
color: #aaa;
}
.contact__form-area .form-step {
display: flex;
gap: 1.25rem;
justify-content: center;
margin-bottom: 1.875rem;
}
.contact__form-area .step {
align-items: center;
background-color: #eee;
border-radius: 50%;
color: #666;
display: flex;
height: 2.5rem;
justify-content: center;
width: 2.5rem;
}
.contact__form-area .step.active {
background-color: #006db4;
color: #fff;
}
.contact__form-area .next-step-button {
background-color: #006db4;
border: none;
border-radius: 0.25rem;
color: #fff;
cursor: pointer;
display: block;
font-size: 1rem;
font-weight: bold;
margin-top: 1.25rem;
padding: 1rem 2.5rem;
text-align: center;
transition: background-color 0.3s;
width: 100%;
}
.contact__form-area .next-step-button:hover {
background-color: #004e81;
}
.contact__form-area .form__step {
filter: drop-shadow(0 6px 24px rgba(18, 18, 18, 0.1));
}
.content-title {
padding-left: 1.5rem;
position: relative;
}
.content-title::before {
background-color: #000;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 0.5rem;
z-index: -1;
}
.cta {
padding-bottom: 1.625rem;
padding-top: 1.75rem;
position: relative;
}
.cta::before {
background-image: url(//mypro-inc.com/yorisoi/wp-content/themes/yorisoi/dist/assets/images/sp/cta-bg-sp.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.cta__title {
padding-bottom: 0.125rem;
padding-top: 0.125rem;
}
.cta__title-image {
display: flex;
justify-content: center;
}
.cta__title-image img {
-o-object-fit: cover;
aspect-ratio: 297/91;
height: 100%;
object-fit: cover;
width: 18.5625rem;
}
.cta__content {
grid-gap: 1.75rem;
align-items: center;
display: grid;
gap: 1.75rem;
justify-items: center;
}
.cta__button-area {
position: relative;
}
.cta__button {
align-items: baseline;
border-radius: 40px;
box-shadow: 0 4px 8px 0 rgba(18, 18, 18, 0.25);
display: inline-flex;
justify-content: center;
padding-bottom: 0.875rem;
padding-left: 3.4375rem;
padding-top: 0.875rem;
position: relative;
width: 21.875rem;
}
.cta__button:hover {
opacity: 0.7;
}
.cta__button::before {
background: linear-gradient(to bottom, #f55595 48%, #f22a7a 50%);
border-radius: 40px;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.cta__button::after {
background-image: url(//mypro-inc.com/yorisoi/wp-content/themes/yorisoi/dist/assets/images/common/cta-button-arrow.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
content: "";
height: 1.25rem;
position: absolute;
right: 1.3125rem;
top: 50%;
transform: translateY(-50%);
width: 1.25rem;
z-index: -1;
}
.cta__button-text-large {
color: #fbfbfb;
font-family: "Noto Sans JP", sans-serif;
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1.7916666667;
}
.cta__button-text-middle {
color: #fbfbfb;
font-family: "Noto Sans JP", sans-serif;
font-size: 1.125rem;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1.7777777778;
}
.cta__button-text-small {
color: #fbfbfb;
font-family: "Noto Sans JP", sans-serif;
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1.8125;
}
.cta__button-text-highlight {
color: #fff23b;
font-family: "Noto Sans JP", sans-serif;
font-size: 1.125rem;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1.7777777778;
}
.cta__button-icon {
bottom: -0.0625rem;
left: 2rem;
position: absolute;
z-index: -1;
}
.cta__button-icon img {
-o-object-fit: cover;
aspect-ratio: 58/76;
height: 100%;
object-fit: cover;
width: 3.625rem;
}
.cta__button-caption {
background-color: #fff;
border-radius: 40px;
color: #121212;
font-family: "Kiwi Maru", serif;
font-size: 0.875rem;
font-weight: 500;
left: 5.8125rem;
letter-spacing: 0;
line-height: 1.7857142857;
padding-left: 1.5rem;
padding-right: 1.5rem;
position: absolute;
text-align: center;
top: -0.75rem;
z-index: -1;
}
.cta__button-caption-highlight {
color: #f55595;
}
.definition-list__item {
--_width--left: 96;
--_width--right: 230;
--_column-gap: 0;
--_width--total: calc(
var(--_width--left) + var(--_column-gap) + var(--_width--right)
);
grid-column-gap: calc(0 / (
96 + 0 + 230
) * 100%);
grid-column-gap: calc(0 / calc(
96 + 0 + 230
) * 100%);
grid-column-gap: calc(var(--_column-gap) / var(--_width--total) * 100%);
-moz-column-gap: calc(0 / (
96 + 0 + 230
) * 100%);
-moz-column-gap: calc(0 / calc(
96 + 0 + 230
) * 100%);
-moz-column-gap: calc(var(--_column-gap) / var(--_width--total) * 100%);
align-items: center;
border-bottom: 1px solid #f7f7f7;
column-gap: calc(0 / (
96 + 0 + 230
) * 100%);
column-gap: calc(0 / calc(
96 + 0 + 230
) * 100%);
column-gap: calc(var(--_column-gap) / var(--_width--total) * 100%);
display: grid;
grid-template-columns: calc(96 / (
96 + 0 + 230
) * 100%) calc(230 / (
96 + 0 + 230
) * 100%);
grid-template-columns: calc(96 / calc(
96 + 0 + 230
) * 100%) calc(230 / calc(
96 + 0 + 230
) * 100%);
grid-template-columns: calc(var(--_width--left) / var(--_width--total) * 100%) calc(var(--_width--right) / var(--_width--total) * 100%);
padding-bottom: 1.4375rem;
padding-top: 1.5rem;
}
.definition-list__term {
color: #121212;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.7857142857;
}
.definition-list__description {
color: #121212;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.875rem;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.7857142857;
}
.divider-title__text {
align-items: center;
display: flex;
gap: 1.25rem;
justify-content: center;
}
.divider-title__text::before,
.divider-title__text::after {
background-color: #000;
content: "";
flex-grow: 1;
height: 1px;
}
.error__body {
padding-bottom: 5rem;
padding-top: 5rem;
}
.error__title {
color: #000;
font-family: "Noto Sans JP", sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.5;
text-align: center;
}
.error__button {
margin-top: 2.5rem;
text-align: center;
}
.faq {
padding-bottom: 2rem;
padding-top: 2rem;
}
.faq__inner.inner {
padding-left: 16px;
padding-right: 16px;
}
.faq__tab {
grid-column-gap: 1.125rem;
-moz-column-gap: 1.125rem;
grid-row-gap: 1rem;
column-gap: 1.125rem;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
justify-items: center;
margin-top: 1.5rem;
row-gap: 1rem;
}
.faq__tab-item {
align-items: center;
border-bottom: 2px solid #4c8cd6;
color: #121212;
cursor: pointer;
display: flex;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.8125rem;
font-weight: 500;
gap: 1rem;
justify-content: center;
letter-spacing: 0.05em;
line-height: 1.7692307692;
padding-bottom: 0.625rem;
width: 100%;
}
.faq__tab-arrow img {
-o-object-fit: cover;
aspect-ratio: 1/1;
height: 100%;
object-fit: cover;
width: 1rem;
}
.faq__content {
grid-gap: 1rem;
display: grid;
gap: 1rem;
margin-top: 1.5rem;
}
.flow-card {
grid-gap: 0.5rem;
background-color: #fff;
border-radius: 16px;
display: grid;
gap: 0.5rem;
padding-bottom: 1.5rem;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 1.5rem;
position: relative;
}
.flow-card__header {
grid-gap: 0.25rem;
display: grid;
gap: 0.25rem;
justify-items: center;
}
.flow-card__number {
color: #4c8cd6;
font-family: "Roboto", sans-serif;
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.5;
}
.flow__title {
color: #121212;
font-family: "Noto Sans JP", sans-serif;
font-size: 1.125rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.7777777778;
}
.flow-card__image {
display: flex;
justify-content: center;
}
.flow-card__image img {
-o-object-fit: cover;
aspect-ratio: 1/1;
height: 100%;
object-fit: cover;
width: 5.5rem;
}
.flow-card__text {
color: #000;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.8125rem;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.7692307692;
text-align: center;
}
.flow {
padding-bottom: 2rem;
}
.flow__inner.inner {
padding-left: 27px;
padding-right: 27px;
}
.flow__cards {
grid-gap: 0.5rem;
align-content: center;
display: grid;
gap: 0.5rem;
justify-content: center;
margin-top: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
place-content: center;
}
.footer-cta {
bottom: 0;
left: 0;
padding-bottom: 0.5rem;
padding-top: 0.5rem;
position: fixed;
right: 0;
}
.footer-cta::before {
background-color: rgba(18, 18, 18, 0.2);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.footer-cta__inner.inner {
max-width: 23.375rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.footer-cta__wrapper {
grid-gap: 0.5rem;
align-items: center;
display: grid;
gap: 0.5rem;
grid-template-columns: 1fr 1fr;
}
.footer-cta__tel {
align-items: center;
background: linear-gradient(to bottom, #f7f7f7 48%, #ebebeb 50%);
border-radius: 40px;
box-shadow: 0 4px 8px 0 rgba(18, 18, 18, 0.25);
color: #121212;
display: flex;
font-family: "Roboto", sans-serif;
font-size: 1rem;
font-weight: 700;
gap: 0.25rem;
justify-content: center;
letter-spacing: 0;
line-height: 1.8125;
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
.footer-cta__tel-icon img {
-o-object-fit: cover;
aspect-ratio: 1/1;
height: 100%;
object-fit: cover;
width: 1.25rem;
}
.footer-cta__button {
background: linear-gradient(to bottom, #f55595 48%, #f22a7a 50%);
border-radius: 40px;
box-shadow: 0 4px 8px 0 rgba(18, 18, 18, 0.25);
color: #fff;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.7857142857;
padding-bottom: 0.625rem;
padding-top: 0.625rem;
text-align: center;
}
.footer-nav__items {
display: flex;
flex-direction: row;
gap: 2.5rem;
justify-content: center;
}
.footer-nav__link {
color: #121212;
display: block;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.6875rem;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.8181818182;
}
.footer {
padding-bottom: 5.5rem;
padding-top: 1.5rem;
position: relative;
z-index: 10;
}
.footer__wrapper {
display: flex;
flex-direction: column;
gap: 1rem;
}
.footer__copyright small {
color: #121212;
display: block;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.6875rem;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.8181818182;
text-align: center;
}
.form-sp__inner.inner {
padding-bottom: 1.5rem;
padding-left: 15px;
padding-right: 15px;
padding-top: 1.5rem;
}
.form__inner {
position: relative;
}
.form__title {
font-size: 0.8125rem;
line-height: 1.8;
margin-left: auto;
margin-right: auto;
max-width: 293px;
}
.form__content {
margin-top: 0.75rem;
position: relative;
}
.form__content::after {
border-left: 1px dashed #a8d0e6;
bottom: 0;
content: "";
left: 50%;
position: absolute;
top: 0;
width: 1px;
z-index: 1;
}
.form__step {
background-color: #fff;
border-radius: 8px;
display: none;
filter: drop-shadow(0 6px 24px rgba(76, 188, 214, 0.5));
margin: 0 auto;
max-width: 25rem;
padding: 0.75rem;
position: relative;
width: 100%;
z-index: 2;
}
.form__step.active {
display: block;
}
.form__step p {
color: #333;
font-size: 0.875rem;
}
.form__step-numbers {
display: flex;
gap: 0.5rem;
margin-top: 0.5rem;
}
.form__step-number {
align-items: center;
aspect-ratio: 1;
background-color: #e7f2fe;
border-radius: 50%;
color: #4c8cd6;
display: flex;
font-size: 0.875rem;
font-weight: 500;
justify-content: center;
min-width: 1.875rem;
}
.form__step-number--active {
background-color: #4c8cd6;
color: #fff;
}
.form__contact {
display: flex;
flex-direction: column;
gap: 0.5rem;
margin-top: 0.5rem;
}
.form__label {
color: #333;
display: block;
font-size: 0.8125rem;
}
.form__required {
color: #e74c3c;
margin-left: 0.1875rem;
}
.form__input {
border: 1px solid #bbb;
border-radius: 5px;
color: #333;
font-size: 0.875rem;
font-weight: 500;
margin-top: 0.25rem;
padding-bottom: 0.3125rem;
padding-left: 0.8125rem;
padding-top: 0.375rem;
width: 100%;
}
.form__input::-moz-placeholder {
color: #bbb;
}
.form__input::placeholder {
color: #bbb;
}
.form__textarea {
max-height: 7.5rem;
resize: none;
}
.form__button {
align-items: center;
background-color: #4a90e2;
border: none;
border-radius: 5px;
color: white;
cursor: pointer;
display: flex;
font-size: 0.875rem;
font-weight: 500;
gap: 0.625rem;
justify-content: center;
justify-self: end;
margin-top: 0.5rem;
padding: 0.75rem;
text-align: center;
transition: opacity 0.3s;
width: 100%;
}
.form__button--md {
max-width: 11.25rem;
}
.form__button:hover {
opacity: 0.7;
}
.form__button svg {
margin-left: 0.3125rem;
}
.form__buttons {
grid-gap: 0.625rem;
align-items: end;
display: grid;
gap: 0.625rem;
grid-template-columns: 1fr 1fr;
padding-top: 0.5rem;
}
.form__back-button {
align-items: center;
background-color: transparent;
border: none;
border-radius: 4px;
color: #333;
cursor: pointer;
display: flex;
font-size: 0.875rem;
gap: 0.5rem;
line-height: 1.8;
transition: opacity 0.3s;
}
.form__back-button:hover {
opacity: 0.7;
}
.form__back-button svg {
margin-right: 0.25rem;
}
.form__submit-button-wrapper {
align-items: center;
background-color: #ffd51b;
border: none;
border-radius: 4px;
cursor: pointer;
display: flex;
justify-content: center;
justify-self: end;
max-width: 11.25rem;
position: relative;
transition: opacity 0.3s;
width: 100%;
}
.form__submit-button-wrapper::after {
background-image: url(//mypro-inc.com/yorisoi/wp-content/themes/yorisoi/dist/assets/images/common/arrow-right.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
content: "";
height: 0.6875rem;
position: absolute;
right: 1.625rem;
top: 50%;
transform: translateY(-50%);
width: 0.375rem;
}
.form__submit-button-wrapper:hover {
opacity: 0.7;
}
.form__submit-button {
font-size: 0.9375rem;
font-weight: 500;
padding-bottom: 0.625rem;
padding-left: 0.625rem;
padding-right: 0.9375rem;
padding-top: 0.625rem;
width: 100%;
}
.form__privacy {
font-size: 0.75rem;
text-align: center;
}
.form__privacy-link {
-webkit-text-decoration: underline;
color: #0066cc;
text-decoration: underline;
}
.wpcf7-not-valid-tip {
font-size: 0.75rem;
margin-top: 0.25rem;
}
.wpcf7-spinner {
display: none;
}
.wpcf7-response-output {
margin-top: 1rem !important;
padding: 0.5rem !important;
}
.wpcf7-response-output {
border-radius: 4px;
font-size: 0.875rem;
text-align: center;
} select,
::picker(select) {
-webkit-appearance: base-select;
-moz-appearance: base-select;
appearance: base-select;
}
select::picker-icon {
content: "";
}
select::picker(select) {
background: #fff;
border: 1px solid #bbb;
border-radius: 4px;
max-height: 230px;
overflow-y: auto;
}
select option::checkmark {
content: "";
}
.hamburger {
height: 1.5rem;
position: relative;
width: 2rem;
z-index: 1000;
}
.hamburger span {
background-color: #000;
height: 0.0625rem;
position: absolute;
right: 0;
width: 2rem;
}
.hamburger,
.hamburger span {
box-sizing: border-box;
display: inline-block;
transition: all 0.5s;
}
.hamburger span:nth-child(1) {
top: -0.0625rem;
}
.hamburger span:nth-child(2) {
top: 47%;
}
.hamburger span:nth-child(3) {
bottom: 0rem;
}
.hamburger.active span:nth-of-type(1) {
right: -0.25rem;
transform: translateY(0.75rem) rotate(37deg);
width: 2.5rem;
}
.hamburger.active span:nth-of-type(2) {
opacity: 0;
}
.hamburger.active span:nth-of-type(3) {
right: -0.25rem;
transform: translateY(-0.75rem) rotate(-37deg);
width: 2.5rem;
}
.header {
background-color: #fff;
padding-bottom: 1.125rem;
padding-top: 1.125rem;
}
.header__wrapper {
align-items: center;
display: flex;
justify-content: center;
}
.header__logo:hover {
opacity: 0.7;
}
.header__logo-image img {
-o-object-fit: contain;
aspect-ratio: 174/27;
object-fit: contain;
width: 10.875rem;
}
.header__right {
display: none;
}
.header__button {
background: linear-gradient(to bottom, #f55595 48%, #f22a7a 50%);
border-radius: 40px;
box-shadow: 0 4px 8px 0 rgba(18, 18, 18, 0.25);
color: #fff;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.9375rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.8;
padding: 0.75rem 2rem;
}
.header__button:hover {
opacity: 0.7;
}
.heading {
color: #006db4;
display: inline-block;
font-family: "Kiwi Maru", serif;
font-size: 1.5rem;
font-weight: bold;
padding-bottom: 0.5rem;
position: relative;
}
.heading::after {
background-color: #f55595;
bottom: 0;
content: "";
height: 4px;
left: 0;
position: absolute;
width: 3rem;
}
.inner {
margin-left: auto;
margin-right: auto;
max-width: 580px;
padding-left: 20px;
padding-right: 20px;
width: 100%;
}
.lead {
padding-bottom: 2rem;
padding-top: 2rem;
position: relative;
}
.lead::before {
background-image: url(//mypro-inc.com/yorisoi/wp-content/themes/yorisoi/dist/assets/images/common/lead-bg.jpg);
background-position: center;
background-repeat: repeat;
background-size: contain;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.lead__inner.inner {
padding-left: 15px;
padding-right: 15px;
}
.lead__subtitle {
color: #121212;
font-family: "Kiwi Maru", serif;
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.8333333333;
text-align: center;
}
.lead__title-wrapper {
position: relative;
}
.lead__title {
align-items: center;
display: flex;
justify-content: center;
}
.lead__title-picture img {
-o-object-fit: contain;
aspect-ratio: 258/60;
height: 100%;
object-fit: contain;
width: 16.125rem;
}
.lead__body {
margin-top: 1rem;
padding-bottom: 1.5rem;
padding-top: 1.5rem;
position: relative;
}
.lead__body::before {
background-color: #fff;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.lead__body-inner.inner {
padding-left: 16px;
padding-right: 16px;
}
.lead__body-top {
display: flex;
justify-content: center;
}
.lead__body-top img {
-o-object-fit: cover;
aspect-ratio: 328/187;
height: 100%;
object-fit: cover;
width: 20.5rem;
}
.lead__text {
color: #121212;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.7857142857;
margin-top: 1rem;
text-align: center;
}
.lead__text-highlight {
color: #f55595;
font-family: "Noto Sans JP", sans-serif;
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1.8125;
}
.lead__body-bottom {
display: flex;
flex-direction: column-reverse;
gap: 1.5rem;
margin-top: 1rem;
}
.lead__body-bottom-image {
display: flex;
justify-content: center;
}
.lead__body-bottom-image img {
-o-object-fit: cover;
aspect-ratio: 250/178;
height: 100%;
object-fit: cover;
width: 15.625rem;
}
.lead__items {
grid-gap: 0.5rem;
display: grid;
gap: 0.5rem;
grid-template-columns: repeat(2, 1fr);
}
.lead__item {
align-items: center;
display: flex;
flex-direction: column;
gap: 0.3125rem;
justify-content: center;
padding-bottom: 0.5rem;
padding-top: 1.625rem;
position: relative;
}
.lead__item::before {
-webkit-clip-path: polygon(50% 0%, 100% 28%, 100% 100%, 0 100%, 0% 28%);
background-color: #fff9a3;
clip-path: polygon(50% 0%, 100% 28%, 100% 100%, 0 100%, 0% 28%);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.lead__item-icon img {
-o-object-fit: cover;
aspect-ratio: 1/1;
height: 1.6875rem;
object-fit: cover;
width: 1.6875rem;
}
.lead__item-text {
color: #121212;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.9375rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.7333333333;
text-align: center;
}
.media-block {
display: flex;
flex-direction: column;
gap: 2.5rem;
}
.media-block__content {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.media-block__text {
margin-top: 1.25rem;
}
.media-block__figure img {
-o-object-fit: cover;
aspect-ratio: 1/1;
height: 100%;
object-fit: cover;
width: 100%;
}
.message {
padding-top: 2rem;
}
.message__inner.inner {
padding-left: 23px;
padding-right: 23px;
}
.message__body-wrapper {
grid-gap: 1rem;
display: grid;
gap: 1rem;
margin-top: 1.5rem;
}
.message__body {
grid-gap: 1rem;
display: grid;
gap: 1rem;
padding: 1.5rem 1rem;
position: relative;
}
.message__body::before {
background-color: #fff;
border-radius: 16px;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.message__body.message__body--second {
padding-bottom: 2rem;
padding-top: 2rem;
}
.message__content {
grid-gap: 1rem;
border-bottom: 1px solid #f2f2f2;
display: grid;
gap: 1rem;
padding-bottom: 0.9375rem;
}
.message__content.message__content--second {
border-bottom: none;
padding-bottom: 0;
}
.message__image {
display: flex;
justify-content: center;
}
.message__image img {
-o-object-fit: cover;
aspect-ratio: 1/1;
border-radius: 16px;
height: 100%;
object-fit: cover;
width: 15rem;
}
.message__content-body.message__content-body--second {
grid-gap: 1rem;
display: grid;
gap: 1rem;
}
.message__content-title {
color: #121212;
font-family: "Kiwi Maru", serif;
font-size: 1.125rem;
font-weight: 500;
letter-spacing: 0;
line-height: 1.7222222222;
}
.message__content-title--highlight {
color: #f55595;
}
.message__content-text {
color: #121212;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.8125rem;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.7692307692;
margin-top: 0.5rem;
}
.mv-sub {
overflow: hidden;
padding-top: 5rem;
}
.mv-sub__wrapper {
position: relative;
}
.mv-sub__image {
display: block;
position: relative;
}
.mv-sub__image::before {
background: rgba(64, 143, 149, 0.3);
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.mv-sub__image img {
-o-object-fit: cover;
aspect-ratio: 1360/438;
height: 18.75rem;
object-fit: cover;
}
.mv-sub__body {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.mv-sub__title {
color: #fff;
font-family: "Noto Sans JP", sans-serif;
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0;
line-height: 1.5;
text-align: center;
}
.mv-sub__subtitle {
color: #fff;
font-family: "Noto Sans JP", sans-serif;
font-size: 1rem;
font-weight: 700;
letter-spacing: 0;
line-height: 1.5;
text-align: center;
}
.mv {
background-image: url(//mypro-inc.com/yorisoi/wp-content/themes/yorisoi/dist/assets/images/common/mv-bg.jpg);
background-position: 0% 0%; background-repeat: no-repeat;
background-size: cover;
min-height: calc(390px - (63 * 1rem / 16));
min-height: calc(390px - calc(63 * 1rem / 16));
min-height: calc(390px - var(--height--header));
position: relative;
}
.mv__inner {
--_max-width: 1032;
--_padding-inline: 18;
--_padding--right: var(--_padding-inline);
--_padding--left: var(--_padding-inline);
align-items: end;
display: grid;
justify-content: center;
margin-left: auto;
margin-right: auto;
max-width: calc(1032 * 1px + (18 + 18) * 1px);
max-width: calc(var(--_max-width) * 1px + (var(--_padding--right) + var(--_padding--left)) * 1px);
min-height: inherit;
padding-left: calc(18 * 1px);
padding-left: calc(var(--_padding--left) * 1px);
padding-right: calc(18 * 1px);
padding-right: calc(var(--_padding--right) * 1px);
}
.mv__image {
aspect-ratio: 354/317;
}
.mv__image img {
height: 100%;
max-width: 354px;
width: 100%;
}
.page-top {
align-items: center;
background-color: #fff;
border: 1px solid #000;
bottom: 2.5rem;
cursor: pointer;
display: inline-flex;
height: 2.8125rem;
justify-content: center;
padding: 1.25rem 0.625rem;
position: fixed;
right: 1.25rem;
transition: background-color 0.3s ease;
width: 2.8125rem;
z-index: 1;
}
.page-top:hover {
background-color: #000;
transition: background-color 0.3s ease;
}
.page-top:hover .page-top__arrow {
border-color: #fff;
transition: border-color 0.3s ease;
}
.page-top__arrow {
border-radius: 1px 1px 1px 0;
border-right: 2px solid #000;
border-top: 2px solid #000;
display: inline-block;
height: 1rem;
margin-top: 0.5rem;
transform: rotate(-45deg);
transition: border-color 0.3s ease;
width: 1rem;
}
.page {
display: flex;
flex-direction: column;
min-height: calc(100vh - 0px);
min-height: calc(100vh - var(--height--wp-admin-bar));
}
.page__content {
align-items: center;
display: grid;
flex: 1;
}
.page__footer {
margin-top: auto;
}
.pc-nav {
display: none;
}
.pc-nav__items {
align-items: center;
display: flex;
height: inherit;
}
.pc-nav__item {
height: inherit;
}
.pc-nav__menu {
display: flex;
flex-direction: column;
height: inherit;
justify-content: center;
padding: 1.25rem max(0.625rem, min(1.4vw, 1.25rem));
}
.pc-nav__subtitle::after {
background: #fff;
bottom: -0.1875rem;
content: "";
height: 0.0625rem;
left: 0;
position: absolute;
transform: scale(0, 1); transform-origin: center top;  transition: all 0.3s; width: 100%;
}
.pc-nav__menu:hover {
opacity: 0.6;
} .pc-nav__menu:hover .pc-nav__subtitle::after {
transform: scale(1, 1); }
.pc-nav__title {
color: #fff;
font-family: "Noto Sans JP", sans-serif;
font-size: 1.125rem;
font-weight: 400;
letter-spacing: 0;
line-height: 1.5;
text-align: center;
}
.pc-nav__subtitle {
color: #fff;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.75rem;
font-weight: 400;
letter-spacing: 0;
line-height: 1.5;
margin-top: 0.25rem;
position: relative;
text-align: center;
}
.point-group {
grid-gap: 1.5rem;
display: grid;
gap: 1.5rem;
}
.point-item-title {
grid-gap: 0.25rem;
background-color: #f55595;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
display: grid;
gap: 0.25rem;
justify-items: center;
padding-bottom: 0.625rem;
padding-top: 0.625rem;
}
.point-item-title__number {
background-color: #fff;
border-radius: 32px;
color: #f55595;
font-family: "Roboto", sans-serif;
font-size: 0.6875rem;
font-weight: 500;
letter-spacing: 0;
line-height: 1.5454545455;
padding: 0.25rem 0.75rem;
}
.point-item-title__text {
color: #fff;
font-family: "Kiwi Maru", serif;
font-size: 1.125rem;
font-weight: 500;
letter-spacing: 0;
line-height: 1.5;
}
.point-item__title {
grid-gap: 0.25rem;
background-color: #f55595;
display: grid;
gap: 0.25rem;
padding-bottom: 0.625rem;
padding-top: 0.625rem;
}
.point-item__inner {
border: 2px solid #f55595;
border-bottom-left-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
border-top: none;
padding-bottom: 0.875rem;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
padding-top: 1rem;
}
.point-item__unit {
margin-top: 1.5rem;
}
.point-item__box-area {
grid-gap: 2rem;
align-content: center;
border-bottom: 1px solid #dedede;
display: grid;
gap: 2rem;
justify-content: center;
margin-top: 1rem;
padding-bottom: 2rem;
place-content: center;
}
.point-item__box-title {
background-color: #61b2b5;
border-radius: 20px;
color: #fff;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.7857142857;
padding-bottom: 0.125rem;
padding-top: 0.125rem;
text-align: center;
}
.point-item__box-title.point-item__box-title--orange {
background-color: #ff6600;
}
.point-item__box-header {
align-items: flex-start;
display: flex;
gap: 0.6875rem;
margin-top: 1rem;
position: relative;
}
.point-item__box-header::before {
aspect-ratio: 1/1;
background-image: url(//mypro-inc.com/yorisoi/wp-content/themes/yorisoi/dist/assets/images/common/point-item-arrow.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
bottom: -2.5rem;
content: "";
height: 2.5rem;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 2.5rem;
z-index: 0;
}
.point-item__box-figure img {
-o-object-fit: cover;
aspect-ratio: 80/90;
height: 100%;
max-width: none;
max-width: initial;
object-fit: cover;
width: 5rem;
}
.point-item__box-figure.point-item__box-figure--orange img {
aspect-ratio: 104/90;
width: 6.5rem;
}
.point-item__box-header-content {
grid-gap: 0.5rem;
display: grid;
gap: 0.5rem;
}
.point-item__box-header-text {
background-color: #edf7f8;
border-radius: 6px;
color: #121212;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.875rem;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.7857142857;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 2.25rem;
padding-top: 0.5rem;
}
.point-item__box-header-text.point-item__box-header-text--orange {
background-color: #fff5ee;
font-size: 0.8125rem;
line-height: 1.7692307692;
padding-right: 1rem;
}
.point-item__box-text {
color: #121212;
font-family: "Noto Sans JP", sans-serif;
font-size: 1rem;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.8125;
margin-top: 2.5rem;
padding-bottom: 1.25rem;
padding-top: 0.875rem;
position: relative;
}
.point-item__box-text.point-item__box-text--second {
padding-bottom: 1.375rem;
padding-top: 0.75rem;
}
.point-item__box-text::before {
aspect-ratio: 1/1;
background-image: url(//mypro-inc.com/yorisoi/wp-content/themes/yorisoi/dist/assets/images/common/point-item-box-text-cross.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
content: "";
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 5.75rem;
z-index: -1;
}
.point-item__box-text.point-item__box-text--second::before {
background-image: url(//mypro-inc.com/yorisoi/wp-content/themes/yorisoi/dist/assets/images/common/point-item-box-text-circle.png);
}
.point-item__box-text-bold {
font-weight: 700;
}
.point-item__box-text-highlight {
color: #f55595;
font-weight: 700;
}
.point-item__step-area {
grid-gap: 3.125rem;
align-content: center;
display: grid;
gap: 3.125rem;
justify-content: center;
margin-top: 1.5rem;
place-content: center;
}
.point-item__step {
grid-gap: 0.5rem;
display: grid;
gap: 0.5rem;
justify-items: center;
position: relative;
}
.point-item__step.point-item__step--first::before {
aspect-ratio: 1/1;
background-image: url(//mypro-inc.com/yorisoi/wp-content/themes/yorisoi/dist/assets/images/sp/point-item-step-arrow-sp.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
bottom: -3.0625rem;
content: "";
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 3.125rem;
z-index: -1;
}
.point-item__step.point-item__step--second::before {
aspect-ratio: 1/1;
background-image: url(//mypro-inc.com/yorisoi/wp-content/themes/yorisoi/dist/assets/images/sp/point-item-step-arrow-sp.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
bottom: -3.0625rem;
content: "";
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 3.125rem;
z-index: -1;
}
.point-item__step-title {
color: #121212;
font-family: "Noto Sans JP", sans-serif;
font-size: 1.125rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.7777777778;
}
.point-item__step-figure img {
-o-object-fit: cover;
height: 100%;
object-fit: cover;
}
.point-item__step-figure.point-item__step-figure--first img {
aspect-ratio: 122/123;
width: 7.625rem;
}
.point-item__step-figure.point-item__step-figure--second img {
aspect-ratio: 213/123;
width: 13.3125rem;
}
.point-item__step-figure.point-item__step-figure--third img {
aspect-ratio: 171/123;
width: 10.6875rem;
}
.point-item__step-text {
color: #121212;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.8125rem;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.7692307692;
margin-top: 0.5rem;
}
.point-item__step-text.point-item__step-text--third {
margin-top: 0;
}
.point-item__content-wrapper {
grid-gap: 1rem;
display: grid;
gap: 1rem;
margin-top: 1rem;
}
.point-item__content {
grid-gap: 2.125rem;
border: 1px solid #dedede;
border-radius: 8px;
display: grid;
gap: 2.125rem;
padding: 0.9375rem;
position: relative;
}
.point-item__request {
align-items: center;
display: flex;
gap: 0.75rem;
}
.point-item__request-image img {
-o-object-fit: cover;
aspect-ratio: 104/88;
height: 100%;
max-width: none;
max-width: initial;
object-fit: cover;
width: 6.5rem;
}
.point-item__request-text {
color: #000;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.875rem;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.7857142857;
}
.point-item__request-text-highlight {
color: #f55595;
font-size: 1rem;
font-weight: 700;
line-height: 1.8125;
}
.point-item__content-arrow {
left: 50%;
position: absolute;
top: 46%;
transform: translate(-50%, -50%);
}
.point-item__content-arrow.point-item__content-arrow--second {
top: 42%;
}
.point-item__content-arrow img {
-o-object-fit: cover;
aspect-ratio: 50/50;
height: 100%;
max-width: none;
max-width: initial;
object-fit: cover;
width: 3.125rem;
}
.point-item__agent {
align-items: center;
display: flex;
gap: 0.75rem;
}
.point-item__agent-image img {
-o-object-fit: cover;
aspect-ratio: 104/88;
height: 100%;
max-width: none;
max-width: initial;
object-fit: cover;
width: 6.5rem;
}
.point-item__agent-text {
color: #000;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.875rem;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.7857142857;
}
.point-item__agent-text-highlight {
color: #f55595;
font-size: 1rem;
font-weight: 700;
line-height: 1.8125;
}
.point-item__flow {
align-items: center;
display: flex;
gap: 1.25rem;
justify-content: center;
margin-left: auto;
margin-right: auto;
margin-top: 5.5625rem;
max-width: 318px;
position: relative;
}
.point-item__flow-image img {
-o-object-fit: cover;
height: 100%;
object-fit: cover;
}
.point-item__flow-image--first img {
aspect-ratio: 80/90;
width: 5rem;
}
.point-item__flow-image--second {
left: 2.5rem;
position: absolute;
top: -4.5rem;
z-index: -1;
}
.point-item__flow-image--second img {
aspect-ratio: 107/96;
width: 6.6875rem;
}
.point-item__flow-image--third img {
aspect-ratio: 94/90;
width: 5.875rem;
}
.point-item__flow-image--fourth {
position: absolute;
right: 3.5rem;
top: -4.5625rem;
z-index: -1;
}
.point-item__flow-image--fourth img {
aspect-ratio: 107/97;
width: 6.6875rem;
}
.point-item__flow-image--fifth img {
aspect-ratio: 104/90;
width: 6.5rem;
}
.point-unit {
align-items: center;
display: flex;
gap: 1rem;
}
.point-unit__image img {
-o-object-fit: cover;
aspect-ratio: 111/125;
height: 100%;
max-width: none;
max-width: initial;
object-fit: cover;
width: 6.9375rem;
}
.point-unit__body {
background-color: #fff9a3;
border-radius: 8px;
padding: 0.5rem 1rem;
}
.point-unit__text {
color: #121212;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.9375rem;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.8;
}
.point-unit__text-highlight {
color: #f55595;
font-weight: 700;
}
.point {
padding-bottom: 2rem;
}
.point__inner.inner {
padding-left: 14px;
padding-right: 14px;
}
.point__speech-bubble {
display: flex;
justify-content: center;
}
.point__speech-bubble img {
-o-object-fit: cover;
aspect-ratio: 142/46;
height: 100%;
object-fit: cover;
width: 8.875rem;
}
.point__title {
color: #121212;
font-family: "Kiwi Maru", serif;
font-size: 1.25rem;
font-weight: 500;
letter-spacing: 0;
line-height: 1.5;
text-align: center;
}
.point__title-highlight {
color: #f55595;
}
.point__title-highlight-large {
color: #f55595;
font-size: 2rem;
line-height: 1.5;
}
.point__body {
margin-top: 1rem;
}
.point__unit {
margin-top: 1.5rem;
}
.post-content {
color: #121212;
padding-top: 1.5rem;
}
.post-content:first-child {
padding-top: 0;
}
.post-content h2 {
background-color: #f2f2f2;
border-radius: 8px;
font-size: 1rem;
font-weight: bold;
line-height: 2;
margin-top: 1.5rem;
padding: 1rem;
}
.post-content h3 {
font-size: 1rem;
font-weight: bold;
}
.post-content p {
font-size: 1rem;
line-height: 2;
padding-top: 0.5rem;
}
.post-content .post-content-box {
background-color: #e9f2fe;
border-radius: 8px;
margin-bottom: 0;
margin-top: 1rem;
padding: 1rem;
}
.privacy-policy__inner {
padding-bottom: calc(32 * 1rem / 16);
padding-bottom: var(--padding-block--sub-page);
padding-top: calc(32 * 1rem / 16);
padding-top: var(--padding-block--sub-page);
}
.profile-block__name {
color: #121212;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 2;
}
.profile-block__item {
color: #121212;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 2;
margin-top: -0.0625rem;
}
.profile-block__text {
color: #121212;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.75rem;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.8333333333;
}
.property-concerns {
padding-top: 2rem;
}
.property-concerns__inner.inner {
padding-left: 13px;
padding-right: 13px;
}
.property-concerns__title {
color: #121212;
font-family: "Kiwi Maru", serif;
font-size: 1.25rem;
font-weight: 500;
letter-spacing: 0;
line-height: 1.5;
text-align: center;
}
.property-concerns__title-highlight {
color: #006db4;
}
.property-concerns__content {
display: flex;
justify-content: center;
margin-top: 1rem;
}
.property-concerns__content img {
-o-object-fit: cover;
aspect-ratio: 364/433;
height: 100%;
object-fit: cover;
width: 22.75rem;
}
.property-concerns__solutions {
margin-top: 2rem;
padding-bottom: 2rem;
padding-top: 2rem;
position: relative;
}
.property-concerns__solutions::before {
background-color: #4c8cd6;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.property-concerns__solutions-inner.inner {
padding-left: 41.25px;
padding-right: 28.75px;
}
.property-concerns__solutions-title-image {
display: flex;
justify-content: center;
}
.property-concerns__solutions-title-image img {
-o-object-fit: cover;
aspect-ratio: 316/63;
height: 100%;
object-fit: cover;
width: 19.75rem;
}
.property-concerns__solutions-list {
grid-gap: 1.875rem;
display: grid;
gap: 1.875rem;
margin-top: 1.875rem;
}
.property-concerns__solution-item {
background-color: #fff;
border-radius: 16px;
box-shadow: 0px 6px 24px 0px rgba(30, 104, 189, 0.8);
display: grid;
justify-items: center;
padding-bottom: 1rem;
padding-left: 1.5rem;
padding-right: 1.4375rem;
position: relative;
}
.property-concerns__solution-icon {
background-color: #fff23b;
border-radius: 50% 50% 0 50%;
display: grid;
justify-items: center;
left: -0.75rem;
padding-bottom: 0.25rem;
padding-left: 1.0625rem;
padding-right: 0.875rem;
padding-top: 0.625rem;
position: absolute;
top: -1.3125rem;
}
.property-concerns__solution-icon-text {
color: #006db4;
font-family: "Roboto", sans-serif;
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0;
line-height: 1.5;
}
.property-concerns__solution-icon-number {
color: #006db4;
font-family: "Roboto", sans-serif;
font-size: 1.5rem;
font-weight: 500;
letter-spacing: 0;
line-height: 1.5;
margin-top: -0.5rem;
}
.property-concerns__solutions-image img {
-o-object-fit: cover;
aspect-ratio: 1/1;
height: 100%;
object-fit: cover;
width: 9.375rem;
}
.property-concerns__solution-text {
color: #121212;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.7857142857;
}
.property-concerns__solution-text-highlight {
color: #ff6600;
font-family: "Noto Sans JP", sans-serif;
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1.8125;
}
.sales-support-block {
grid-gap: 1.0625rem;
display: grid;
gap: 1.0625rem;
}
.sales-support-block__figure {
border-radius: 16px;
box-shadow: 0 6px 24px 0 rgba(245, 85, 149, 0.2);
}
.sales-support-block__figure img {
-o-object-fit: cover;
aspect-ratio: 342/204;
height: 100%;
object-fit: cover;
width: 100%;
}
.sales-support-block__title {
color: #f55595;
font-family: "Kiwi Maru", serif;
font-size: 1.125rem;
font-weight: 500;
letter-spacing: 0;
line-height: 1.7222222222;
position: relative;
}
.sales-support-block__title-number {
position: absolute;
right: 0;
top: -0.25rem;
}
.sales-support-block__title-number img {
-o-object-fit: cover;
aspect-ratio: 74/64;
height: 100%;
object-fit: cover;
width: 4.625rem;
}
.sales-support-block__text {
color: #121212;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.875rem;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.7857142857;
margin-top: 0.625rem;
}
.sales-support {
padding-bottom: 2rem;
padding-top: 2rem;
position: relative;
}
.sales-support::before {
background-color: #fff5f9;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.sales-support__inner.inner {
padding-left: 24px;
padding-right: 24px;
}
.sales-support__block-wrapper {
grid-gap: 1.5rem;
display: grid;
gap: 1.5rem;
margin-top: 1.5rem;
}
.sample-list {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.sample-list__item-link {
align-items: center;
display: flex;
}
.section-header {
align-items: center;
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.section-header--left {
align-items: flex-start;
}
.section-outer {
position: relative;
}
.section-outer::before {
background-color: #fbfbfb;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.section-title {
color: #000;
font-family: "Kiwi Maru", serif;
font-size: 1.25rem;
font-weight: 500;
letter-spacing: 0;
line-height: 1.5;
text-align: center;
}
.service-bottom-content {
border: 2px solid #f55595;
border-radius: 8px;
box-shadow: 0 6px 24px 0 rgba(18, 18, 18, 0.1);
padding-bottom: 1.375rem;
padding-left: 2rem;
padding-right: 2rem;
padding-top: 1.5rem;
}
.service-bottom-content__title {
color: #000;
font-family: "Kiwi Maru", serif;
font-size: 1.125rem;
font-weight: 500;
letter-spacing: 0;
line-height: 1.1111111111;
text-align: center;
}
.service-bottom-content__title-large {
color: #f55595;
font-size: 2rem;
line-height: 1.09375;
}
.service-bottom-content__title-middle {
color: #f55595;
font-size: 1.5rem;
line-height: 1.0833333333;
}
.service-bottom-content__items {
grid-gap: 0.5rem;
align-content: center;
display: grid;
gap: 0.5rem;
justify-content: center;
margin-top: 0.5rem;
place-content: center;
}
.service-bottom-content__item {
align-items: center;
background-color: #fff5f9;
border-radius: 24px;
color: #121212;
display: flex;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.9375rem;
font-weight: 500;
gap: 0.5rem;
justify-content: center;
letter-spacing: 0.05em;
line-height: 1.8;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
}
.service-bottom-content__item-number {
color: #f55595;
font-family: "Noto Sans JP", sans-serif;
font-size: 1rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.6;
}
.service-comparison {
padding-bottom: 2rem;
padding-top: 2rem;
}
.service-comparison__inner.inner {
max-width: 732px;
padding-left: 24px;
padding-right: 24px;
}
.service-comparison__content {
margin-top: 1.5rem;
}
.service-comparison__chart {
display: flex;
overflow-x: auto;
}
.service-comparison__chart img {
-o-object-fit: cover;
aspect-ratio: 684/646;
height: 100%;
max-width: 42.75rem;
object-fit: cover;
width: 42.75rem;
}
.service__top {
padding-bottom: 2rem;
padding-top: 2rem;
}
.service__top-inner.inner {
padding-left: 16px;
padding-right: 16px;
}
.service__introduction {
display: flex;
justify-content: center;
margin-top: 1rem;
}
.service__introduction iframe {
aspect-ratio: 358/201;
height: 100%;
width: 100%;
}
.service__support {
position: relative;
}
.service__support::before {
background-color: #fff5f9;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.service__support-inner.inner {
padding-left: 23px;
padding-right: 23px;
}
.service__support-wrapper {
padding-bottom: 2rem;
padding-top: 2rem;
}
.service__support-title {
color: #000;
font-family: "Kiwi Maru", serif;
font-size: 1.25rem;
font-weight: 500;
letter-spacing: 0;
line-height: 1.5;
text-align: center;
}
.service__support-images {
grid-gap: 2.4375rem;
display: grid;
gap: 2.4375rem;
margin-top: 3rem;
}
.service__support-image {
box-shadow: 0 6px 24px 0 rgba(245, 85, 149, 0.2);
position: relative;
}
.service__support-image img {
-o-object-fit: cover;
aspect-ratio: 344/160;
height: 100%;
object-fit: cover;
}
.service__support-icon {
left: 50%;
position: absolute;
top: -1.875rem;
transform: translateX(-50%);
}
.service__support-icon img {
-o-object-fit: contain;
height: 3.5rem;
object-fit: contain;
width: 3.5rem;
}
.service__bottom {
padding-bottom: 2rem;
padding-top: 2rem;
}
.service__bottom-inner.inner {
padding-left: 24px;
padding-right: 24px;
}
.service__bottom-lead {
display: flex;
justify-content: center;
}
.service__bottom-lead img {
-o-object-fit: cover;
aspect-ratio: 240/320;
height: 100%;
object-fit: cover;
width: 15rem;
}
.service__bottom-content-wrapper {
display: flex;
justify-content: center;
}
.service__bottom-content {
margin-top: 1.5rem;
}
.service__bottom-text {
color: #121212;
font-family: "Kiwi Maru", serif;
font-size: 1rem;
font-weight: 500;
letter-spacing: 0;
line-height: 1.5;
margin-top: 1rem;
text-align: center;
}
.service__bottom-image {
display: grid;
grid-template-columns: 1fr;
justify-items: center;
margin-top: 1.5rem;
overflow: scroll;
}
.service__bottom-image img {
aspect-ratio: 390/748;
height: 100%;
max-width: 24.375rem;
width: 24.375rem;
}
.sp-nav {
background-color: #fff;
display: none;
height: 100%;
left: 0;
overflow: scroll;
padding-top: 5rem;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
}
.sp-nav__inner.inner {
max-width: 31.25rem;
}
.sp-nav__item {
margin-top: 1.5rem;
text-align: center;
}
.sp-nav__item:first-child {
margin-top: 0;
}
.sub-page {
padding-top: calc(63 * 1rem / 16);
padding-top: var(--height--header);
}
.swiper-slide-active .slide-image,
.swiper-slide-duplicate-active .slide-image,
.swiper-slide-prev .slide-image {
animation: zoomUp 10s linear 0s 1 normal both;
}
.swiper-wrapper {
transition-timing-function: linear;
}
.swiper-wrapper.swiper-wrapper-voice {
margin-top: 1.5rem;
position: relative;
}
.swiper-button-prev.swiper-button-prev-voice,
.swiper-button-next.swiper-button-next-voice {
height: 2.5rem;
top: 50%;
width: 2.5rem;
}
.swiper-button-prev.swiper-button-prev-voice::after,
.swiper-button-next.swiper-button-next-voice::after {
background-repeat: no-repeat;
background-size: contain;
content: "";
height: 2.5rem;
margin: auto;
width: 2.5rem;
}
.swiper-button-prev.swiper-button-prev-voice {
left: -0.4375rem;
}
.swiper-button-next.swiper-button-next-voice {
right: -0.4375rem;
}
.swiper-button-prev.swiper-button-prev-voice::after {
background-image: url(//mypro-inc.com/yorisoi/wp-content/themes/yorisoi/dist/assets/images/common/voice-swiper-prev.png);
}
.swiper-button-next.swiper-button-next-voice::after {
background-image: url(//mypro-inc.com/yorisoi/wp-content/themes/yorisoi/dist/assets/images/common/voice-swiper-next.png);
}
.tel-block {
display: grid;
}
.tel-block__unit {
align-items: center;
display: flex;
gap: 0.25rem;
}
.tel-block__icon img {
-o-object-fit: contain;
height: 1.5rem;
object-fit: contain;
width: 1.5rem;
}
.tel-block__icon.tel-block__icon--cta img {
height: 2rem;
width: 2rem;
}
.tel-block__number {
color: #121212;
font-family: "Roboto", sans-serif;
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0;
line-height: 1.7916666667;
}
.tel-block__number.tel-block__number--cta {
font-size: 2rem;
line-height: 1.8125;
}
.tel-block__text {
color: #000;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.6875rem;
font-weight: 400;
letter-spacing: 0;
line-height: 1.8181818182;
margin-top: -0.5rem;
}
.tel-block__text.tel-block__text--cta {
font-size: 0.8125rem;
line-height: 1.7692307692;
margin-top: -0.8125rem;
text-align: center;
}
.thanks {
align-content: center;
background-image: url(//mypro-inc.com/yorisoi/wp-content/themes/yorisoi/dist/assets/images/common/thanks-bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: grid;
height: 100%;
padding-bottom: 2rem;
padding-top: 2rem;
}
.thanks__inner {
max-width: 500px;
}
.thanks__wrapper {
background-color: #fff;
border-radius: 8px;
margin-left: auto;
margin-right: auto;
padding-bottom: 4rem;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 4rem;
text-align: center;
}
.thanks__image {
margin-left: auto;
margin-right: auto;
max-width: 211px;
}
.thanks__title {
font-family: "Kiwi Maru", serif;
font-size: 1.375rem;
font-weight: 500;
margin-top: 0.5rem;
}
.thanks__message {
font-size: 0.9375rem;
line-height: 2.2;
margin-top: 0.5rem;
}
.thanks__message p + p {
margin-top: 0.625rem;
}
.thanks__button {
margin-top: 1.5rem;
}
.thanks__button a {
-webkit-text-decoration: underline;
color: #4c8cd6;
display: inline-block;
font-size: 1rem;
font-weight: 500;
text-decoration: underline;
transition: opacity 0.3s;
}
.thanks__button a:hover {
opacity: 0.7;
}
.voice-card {
grid-gap: 0.5rem;
align-content: center;
background-color: #fbfbfb;
border-radius: 16px;
display: grid;
gap: 0.5rem;
grid-row: span 3;
grid-template-rows: subgrid;
justify-content: center;
padding: 1rem;
place-content: center;
}
.voice-card__image {
display: flex;
justify-content: center;
}
.voice-card__image img {
-o-object-fit: cover;
aspect-ratio: 1/1;
height: 100%;
object-fit: cover;
width: 6rem;
}
.voice-card__info {
color: #121212;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.9375rem;
font-weight: 500;
letter-spacing: 0.05rem;
line-height: 1.8;
margin-top: 0.5rem;
text-align: center;
}
.voice-card__text {
color: #000;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.8125rem;
font-weight: 400;
letter-spacing: 0.05rem;
line-height: 1.7692307692;
}
.voice {
padding-bottom: 2rem;
padding-top: 2rem;
}
.voice__inner.inner {
padding-left: 23px;
padding-right: 23px;
}
.voice__wrapper {
position: relative;
}
.u-visually-hidden {
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
@media screen and (min-width: 768px) {
.u-desktop {
display: block;
}
.u-mobile {
display: none;
}
html {
font-size: 1.4545454545vw;
}
:root {
--height--header: calc(75 * 1rem / 16);
}
:root {
--padding-block--sub-page: calc(64 * 1rem / 16);
}
.top-company {
margin-top: 3rem;
}
.top-flow {
margin-top: 5rem;
}
.top-footer {
margin-top: 0;
}
.top-point {
margin-top: 3.5rem;
}
.accordion-faq__title {
font-size: 0.9375rem;
gap: 1rem;
line-height: 1.8;
padding-left: 1.5rem;
padding-right: 5rem;
}
.accordion-faq__title::before {
right: 1.5rem;
width: 1.5rem;
}
.accordion-faq__icon {
font-size: 1.75rem;
line-height: 1.5;
}
.accordion-faq__body {
padding-bottom: 1rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 1rem;
}
.accordion-faq__text {
font-size: 0.9375rem;
line-height: 1.8;
}
.cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.case-studies {
padding-top: 3.5rem;
}
.case-studies__inner.inner {
max-width: 1190px;
padding-left: 25px;
padding-right: 25px;
}
.case-studies__cards {
grid-template-columns: repeat(3, 1fr);
margin-top: 2rem;
}
.company {
padding-bottom: 3.5rem;
}
.company__inner.inner {
max-width: 850px;
padding-left: 25px;
padding-right: 25px;
}
.company__body {
padding-bottom: 1.5rem;
padding-left: 2rem;
padding-right: 2rem;
padding-top: 1.5rem;
}
.contact-form__group {
flex-direction: row;
gap: 1.25rem;
}
.contact-form__label {
gap: initial;
justify-content: space-between;
width: 30%;
}
.contact-form__field {
border-top: 1px solid #000;
width: 70%;
}
.contact-form__field-name {
width: 46.2962962963%;
}
.contact-form__field-address.contact-form__field-address--post {
width: 31.746031746%;
}
.contact-form__field-tel {
width: 39.6825396825%;
}
.contact-form__check-box {
align-items: center;
flex-direction: row;
flex-wrap: wrap;
gap: 2.5rem;
}
.contact-form__check-box .wpcf7-form-control-wrap {
margin-top: 0;
width: 70%;
}
.contact-form__radio {
align-items: center;
flex-direction: row;
flex-wrap: wrap;
gap: 2.5rem;
}
.contact-form__selectItem {
padding: 0.375rem 0rem 0.375rem 1rem;
}
.contact {
padding-bottom: 5rem;
padding-top: 5rem;
}
.contact__inner {
max-width: 976px;
}
.contact__content {
--_width--left: 442;
--_width--right: 504;
--_column-gap: 30;
--_width--total: calc(
var(--_width--left) + var(--_column-gap) + var(--_width--right)
);
grid-column-gap: calc(30 / (
442 + 30 + 504
) * 100%);
grid-column-gap: calc(30 / calc(
442 + 30 + 504
) * 100%);
grid-column-gap: calc(var(--_column-gap) / var(--_width--total) * 100%);
-moz-column-gap: calc(30 / (
442 + 30 + 504
) * 100%);
-moz-column-gap: calc(30 / calc(
442 + 30 + 504
) * 100%);
-moz-column-gap: calc(var(--_column-gap) / var(--_width--total) * 100%);
column-gap: calc(30 / (
442 + 30 + 504
) * 100%);
column-gap: calc(30 / calc(
442 + 30 + 504
) * 100%);
column-gap: calc(var(--_column-gap) / var(--_width--total) * 100%);
display: grid;
grid-template-columns: calc(442 / (
442 + 30 + 504
) * 100%) calc(504 / (
442 + 30 + 504
) * 100%);
grid-template-columns: calc(442 / calc(
442 + 30 + 504
) * 100%) calc(504 / calc(
442 + 30 + 504
) * 100%);
grid-template-columns: calc(var(--_width--left) / var(--_width--total) * 100%) calc(var(--_width--right) / var(--_width--total) * 100%);
}
.contact__text {
font-size: 1.125rem;
}
.cta {
padding-bottom: 1.8125rem;
padding-top: 2.4375rem;
}
.cta::before {
background-image: url(//mypro-inc.com/yorisoi/wp-content/themes/yorisoi/dist/assets/images/pc/cta-bg.jpg);
}
.cta__inner.inner {
max-width: 925px;
}
.cta__title {
padding-bottom: 0;
padding-top: 0;
}
.cta__title-image img {
aspect-ratio: 792/31;
width: 49.5rem;
}
.cta__content {
--_width--left: 329;
--_width--right: 522;
--_column-gap: 24;
--_width--total: calc(
var(--_width--left) + var(--_column-gap) + var(--_width--right)
);
-moz-column-gap: calc(24 / (
329 + 24 + 522
) * 100%);
-moz-column-gap: calc(24 / calc(
329 + 24 + 522
) * 100%);
-moz-column-gap: calc(var(--_column-gap) / var(--_width--total) * 100%);
align-items: flex-start;
column-gap: calc(24 / (
329 + 24 + 522
) * 100%);
column-gap: calc(24 / calc(
329 + 24 + 522
) * 100%);
column-gap: calc(var(--_column-gap) / var(--_width--total) * 100%);
grid-template-columns: calc(329 / (
329 + 24 + 522
) * 100%) calc(522 / (
329 + 24 + 522
) * 100%);
grid-template-columns: calc(329 / calc(
329 + 24 + 522
) * 100%) calc(522 / calc(
329 + 24 + 522
) * 100%);
grid-template-columns: calc(var(--_width--left) / var(--_width--total) * 100%) calc(var(--_width--right) / var(--_width--total) * 100%);
margin-top: 1.5rem;
}
.cta__button-area {
margin-top: 0.875rem;
width: 100%;
}
.cta__button {
padding-left: 2rem;
width: 32.625rem;
}
.cta__button::after {
height: 1.5rem;
right: 4.4375rem;
width: 1.5rem;
}
.cta__button-text-large {
font-size: 1.75rem;
line-height: 1.7857142857;
}
.cta__button-text-middle {
font-size: 1.5rem;
line-height: 1.7916666667;
}
.cta__button-text-small {
font-size: 1.5rem;
line-height: 1.7916666667;
}
.cta__button-text-highlight {
font-size: 1.5rem;
line-height: 1.7916666667;
}
.cta__button-icon {
bottom: 0;
left: 2.71875rem;
}
.cta__button-icon img {
aspect-ratio: 78/102;
width: 4.875rem;
}
.cta__button-caption {
font-size: 1rem;
left: 11.65625rem;
line-height: 1.8125;
top: -0.875rem;
}
.definition-list__item {
--_width--left: 96;
--_width--right: 560;
--_column-gap: 80;
padding-bottom: 1.4375rem;
padding-top: 1.5rem;
}
.definition-list__term {
font-size: 0.9375rem;
line-height: 1.8;
}
.faq {
padding-bottom: 3.5rem;
padding-top: 1.5rem;
}
.faq__inner.inner {
max-width: 1130px;
padding-left: 25px;
padding-right: 25px;
}
.faq__tab {
display: flex;
gap: 4rem;
justify-content: center;
margin-top: 2rem;
}
.faq__tab-item {
font-size: 0.9375rem;
line-height: 1.6875;
width: -moz-fit-content;
width: fit-content;
}
.faq__tab-arrow img {
width: 1.5rem;
}
.faq__content {
margin-top: 2.375rem;
}
.flow-card {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.flow-card.flow-card--first::before,
.flow-card.flow-card--second::before,
.flow-card.flow-card--wide::before {
aspect-ratio: 1/1;
background-image: url(//mypro-inc.com/yorisoi/wp-content/themes/yorisoi/dist/assets/images/common/flow-card-arrow.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
content: "";
position: absolute;
right: -3.375rem;
top: 50%;
transform: translateY(-50%);
width: 3.5rem;
z-index: 0;
}
.flow-card.flow-card--wide {
padding-left: 1rem;
padding-right: 1rem;
}
.flow-card__number {
font-size: 0.875rem;
line-height: 1.5;
}
.flow__title {
font-size: 1.25rem;
line-height: 1.8;
}
.flow-card__text {
font-size: 0.875rem;
line-height: 1.7857142857;
}
.flow {
padding-bottom: 3.5rem;
}
.flow__inner.inner {
max-width: 1026px;
padding-left: 25px;
padding-right: 25px;
}
.flow__cards {
-moz-column-gap: 3.5rem;
column-gap: 3.5rem;
grid-template-columns: repeat(3, 1fr);
margin-top: 2rem;
padding-left: 0;
padding-right: 0;
row-gap: 1.5rem;
}
.footer-cta {
display: none;
}
.footer {
padding-bottom: 1.5rem;
padding-top: 1.5rem;
}
.footer__inner.inner {
max-width: 1250px;
}
.footer__wrapper {
flex-direction: row;
gap: 0;
justify-content: space-between;
}
.form__title {
max-width: 245px;
}
.form__content {
margin-top: 0.5rem;
}
.form__step {
max-width: none;
padding: 1.5rem;
}
.form__buttons {
padding-top: 0.5rem;
}
.hamburger {
display: none;
}
.header {
left: 0;
padding-bottom: 0.625rem;
padding-top: 0.625rem;
position: fixed;
top: 0;
width: 100%;
z-index: 10;
}
.header__inner.inner {
max-width: 1258px;
}
.header__wrapper {
justify-content: space-between;
}
.header__right {
align-items: center;
display: flex;
gap: 1.5rem;
}
.heading {
font-size: 1.75rem;
}
.inner {
max-width: 1150px;
padding-left: 25px;
padding-right: 25px;
}
.lead {
padding-bottom: 3.5rem;
padding-top: 3.5rem;
}
.lead__inner.inner {
max-width: 1170px;
padding-left: 25px;
padding-right: 25px;
}
.lead__subtitle {
font-size: 1.125rem;
line-height: 1.7777777778;
}
.lead__title-picture img {
aspect-ratio: 796/54;
width: 49.75rem;
}
.lead__body {
margin-top: 1.5rem;
padding-bottom: 2rem;
padding-top: 2rem;
}
.lead__body-inner.inner {
max-width: 888px;
padding-left: 25px;
padding-right: 25px;
}
.lead__body-top img {
aspect-ratio: 835/138;
width: 52.1875rem;
}
.lead__text {
font-size: 1.125rem;
line-height: 2.2222222222;
margin-top: 1.5rem;
}
.lead__text-highlight {
font-size: 1.5rem;
line-height: 2.1666666667;
}
.lead__body-bottom {
--_width--left: 250;
--_width--right: 506;
--_column-gap: 32;
--_width--total: calc(
var(--_width--left) + var(--_column-gap) + var(--_width--right)
);
grid-column-gap: calc(32 / (
250 + 32 + 506
) * 100%);
grid-column-gap: calc(32 / calc(
250 + 32 + 506
) * 100%);
grid-column-gap: calc(var(--_column-gap) / var(--_width--total) * 100%);
-moz-column-gap: calc(32 / (
250 + 32 + 506
) * 100%);
-moz-column-gap: calc(32 / calc(
250 + 32 + 506
) * 100%);
-moz-column-gap: calc(var(--_column-gap) / var(--_width--total) * 100%);
column-gap: calc(32 / (
250 + 32 + 506
) * 100%);
column-gap: calc(32 / calc(
250 + 32 + 506
) * 100%);
column-gap: calc(var(--_column-gap) / var(--_width--total) * 100%);
display: grid;
grid-template-columns: calc(250 / (
250 + 32 + 506
) * 100%) calc(506 / (
250 + 32 + 506
) * 100%);
grid-template-columns: calc(250 / calc(
250 + 32 + 506
) * 100%) calc(506 / calc(
250 + 32 + 506
) * 100%);
grid-template-columns: calc(var(--_width--left) / var(--_width--total) * 100%) calc(var(--_width--right) / var(--_width--total) * 100%);
margin-top: 1.5rem;
padding-left: 1.5625rem;
padding-right: 1.5625rem;
}
.lead__body-bottom-image img {
width: 100%;
}
.lead__items {
gap: 1.5rem;
}
.lead__item {
gap: 0.5rem;
padding-bottom: 0;
padding-top: 1.5rem;
}
.lead__item-icon img {
height: 2.5rem;
width: 2.5rem;
}
.lead__item-text {
font-size: 1.125rem;
line-height: 1.7777777778;
}
.media-block {
display: flex;
flex-direction: row;
gap: 3.6363636364%;
}
.media-block--reverse {
flex-direction: row-reverse;
}
.media-block__content {
width: 48.1818181818%;
}
.media-block__figure {
width: 48.1818181818%;
}
.message {
padding-top: 3.5rem;
}
.message__inner.inner {
max-width: 1050px;
padding-left: 25px;
padding-right: 25px;
}
.message__body {
gap: 1.5rem;
padding: 2rem;
}
.message__content {
--_width--left: 240;
--_width--right: 656;
--_column-gap: 40;
--_width--total: calc(
var(--_width--left) + var(--_column-gap) + var(--_width--right)
);
-moz-column-gap: calc(40 / (
240 + 40 + 656
) * 100%);
-moz-column-gap: calc(40 / calc(
240 + 40 + 656
) * 100%);
-moz-column-gap: calc(var(--_column-gap) / var(--_width--total) * 100%);
align-items: start;
column-gap: calc(40 / (
240 + 40 + 656
) * 100%);
column-gap: calc(40 / calc(
240 + 40 + 656
) * 100%);
column-gap: calc(var(--_column-gap) / var(--_width--total) * 100%);
grid-template-columns: calc(240 / (
240 + 40 + 656
) * 100%) calc(656 / (
240 + 40 + 656
) * 100%);
grid-template-columns: calc(240 / calc(
240 + 40 + 656
) * 100%) calc(656 / calc(
240 + 40 + 656
) * 100%);
grid-template-columns: calc(var(--_width--left) / var(--_width--total) * 100%) calc(var(--_width--right) / var(--_width--total) * 100%);
padding-bottom: 1.4375rem;
}
.message__content-title {
font-size: 1.625rem;
line-height: 1.6923076923;
}
.message__content-text {
font-size: 0.9375rem;
line-height: 1.8;
}
.mv-sub {
padding-top: 5.625rem;
}
.mv-sub__image img {
height: 27.375rem;
}
.mv-sub__title {
font-size: 2.25rem;
}
.mv-sub__subtitle {
font-size: 1.3125rem;
margin-top: 1.75rem;
}
.mv {
background-position: center bottom;
min-height: 36.5rem;
}
.mv__inner {
--_padding-inline: 25;
padding-top: calc(63 * 1rem / 16);
padding-top: var(--height--header);
}
.mv__wrapper {
--_width--left: 586;
--_width--right: 404;
--_column-gap: 42;
--_width--total: calc(
var(--_width--left) + var(--_column-gap) + var(--_width--right)
);
grid-column-gap: calc(42 / (
586 + 42 + 404
) * 100%);
grid-column-gap: calc(42 / calc(
586 + 42 + 404
) * 100%);
grid-column-gap: calc(var(--_column-gap) / var(--_width--total) * 100%);
-moz-column-gap: calc(42 / (
586 + 42 + 404
) * 100%);
-moz-column-gap: calc(42 / calc(
586 + 42 + 404
) * 100%);
-moz-column-gap: calc(var(--_column-gap) / var(--_width--total) * 100%);
column-gap: calc(42 / (
586 + 42 + 404
) * 100%);
column-gap: calc(42 / calc(
586 + 42 + 404
) * 100%);
column-gap: calc(var(--_column-gap) / var(--_width--total) * 100%);
display: grid;
grid-template-columns: calc(586 / (
586 + 42 + 404
) * 100%) calc(404 / (
586 + 42 + 404
) * 100%);
grid-template-columns: calc(586 / calc(
586 + 42 + 404
) * 100%) calc(404 / calc(
586 + 42 + 404
) * 100%);
grid-template-columns: calc(var(--_width--left) / var(--_width--total) * 100%) calc(var(--_width--right) / var(--_width--total) * 100%);
}
.mv__image {
align-self: end;
aspect-ratio: 586/489;
}
.mv__image img {
max-width: none;
}
.mv__form {
align-self: start;
padding-bottom: 1.25rem;
padding-top: 1.25rem;
}
.page-top {
bottom: 2rem;
right: 1.875rem;
}
.pc-nav {
display: block;
height: inherit;
}
.point-group {
gap: 2rem;
}
.point-item-title {
align-items: center;
display: flex;
gap: 1rem;
justify-content: center;
padding-bottom: 0.75rem;
padding-top: 0.75rem;
}
.point-item-title__number {
font-size: 1rem;
line-height: 1.5;
}
.point-item-title__text {
font-size: 1.625rem;
line-height: 1.5;
}
.point-item__title {
align-items: center;
display: flex;
gap: 1rem;
justify-content: center;
padding-bottom: 1.25rem;
padding-top: 1.25rem;
}
.point-item__inner {
border-bottom-left-radius: 1rem;
border-bottom-right-radius: 1rem;
padding-bottom: 1.875rem;
padding-left: 1.875rem;
padding-right: 1.875rem;
padding-top: 1.5rem;
}
.point-item__box-area {
gap: 2.5rem;
grid-template-columns: repeat(2, 1fr);
margin-top: 1.5rem;
}
.point-item__box-title {
font-size: 1rem;
line-height: 1.8125;
}
.point-item__box-header {
gap: 1.5rem;
}
.point-item__box-figure img {
aspect-ratio: 100/116;
width: 6.25rem;
}
.point-item__box-figure.point-item__box-figure--orange img {
aspect-ratio: 126/116;
width: 7.875rem;
}
.point-item__box-header-text {
font-size: 0.9375rem;
line-height: 1.8;
padding-left: 1rem;
padding-right: 1rem;
}
.point-item__box-header-text.point-item__box-header-text--orange {
font-size: 0.9375rem;
padding-right: 1rem;
}
.point-item__box-text {
font-size: 1.125rem;
line-height: 1.7777777778;
padding-bottom: 0.875rem;
padding-top: 0.875rem;
}
.point-item__box-text.point-item__box-text--second {
padding-bottom: 0.75rem;
padding-left: 1.625rem;
padding-right: 1.625rem;
padding-top: 0.75rem;
}
.point-item__step-area {
gap: 4.375rem;
grid-template-columns: repeat(3, 1fr);
padding-left: 1.53125rem;
padding-right: 1.53125rem;
}
.point-item__step {
gap: 1rem;
}
.point-item__step.point-item__step--first::before {
background-image: url(//mypro-inc.com/yorisoi/wp-content/themes/yorisoi/dist/assets/images/pc/point-item-step-arrow.png);
bottom: auto;
bottom: initial;
left: auto;
left: initial;
right: -4.375rem;
top: 50%;
transform: translateY(-50%);
width: 4.375rem;
}
.point-item__step.point-item__step--second::before {
background-image: url(//mypro-inc.com/yorisoi/wp-content/themes/yorisoi/dist/assets/images/pc/point-item-step-arrow.png);
bottom: auto;
bottom: initial;
left: auto;
left: initial;
right: -4.375rem;
top: 50%;
transform: translateY(-50%);
width: 4.375rem;
}
.point-item__step-text {
font-size: 1rem;
line-height: 1.8125;
margin-top: 0;
}
.point-item__content-wrapper {
margin-top: 1.5rem;
}
.point-item__content {
align-items: center;
display: flex;
gap: 0.5rem;
padding-left: 1.4375rem;
padding-right: 1.4375rem;
}
.point-item__request {
gap: 1.5rem;
width: 30.5921052632%;
}
.point-item__request-image img {
aspect-ratio: 104/93;
width: 6.5rem;
}
.point-item__request-text {
font-size: 1rem;
line-height: 1.8125;
}
.point-item__request-text-highlight {
font-size: 1.125rem;
line-height: 1.7777777778;
}
.point-item__content-arrow {
position: static;
position: initial;
transform: none;
transform: initial;
width: 7.6754385965%;
}
.point-item__content-arrow img {
aspect-ratio: 70/70;
width: 4.375rem;
}
.point-item__agent {
gap: 1.5rem;
width: 59.9780701754%;
}
.point-item__agent-image img {
aspect-ratio: 126/93;
width: 7.875rem;
}
.point-item__agent-text {
font-size: 1rem;
line-height: 1.8125;
}
.point-item__agent-text-highlight {
font-size: 1.125rem;
line-height: 1.7777777778;
}
.point-item__flow {
gap: 2rem;
margin-top: 1.5rem;
max-width: 100%;
padding-left: 2rem;
padding-right: 2rem;
}
.point-item__flow-image--first img {
aspect-ratio: 120/136;
width: 7.5rem;
}
.point-item__flow-image--second {
position: static;
position: initial;
}
.point-item__flow-image--second img {
aspect-ratio: 201/127;
width: 12.5625rem;
}
.point-item__flow-image--third img {
aspect-ratio: 120/136;
width: 7.5rem;
}
.point-item__flow-image--fourth {
position: static;
position: initial;
}
.point-item__flow-image--fourth img {
aspect-ratio: 201/127;
width: 12.5625rem;
}
.point-item__flow-image--fifth img {
aspect-ratio: 126/136;
width: 7.875rem;
}
.point-unit__body {
padding: 1.5rem 2rem;
}
.point-unit__text {
font-size: 1.125rem;
line-height: 1.7777777778;
}
.point-unit__text-highlight {
font-size: 1.125rem;
line-height: 1.7777777778;
}
.point {
padding-bottom: 3.5rem;
}
.point__inner.inner {
max-width: 1074px;
padding-left: 25px;
padding-right: 25px;
}
.point__speech-bubble img {
aspect-ratio: 197/64;
width: 12.3125rem;
}
.point__title {
font-size: 2rem;
line-height: 1.5;
margin-top: -1.125rem;
}
.point__title-highlight-large {
font-size: 2.75rem;
line-height: 1.7954545455;
}
.point__body {
margin-top: 0.75rem;
}
.privacy-policy__inner {
padding-bottom: calc(32 * 1rem / 16);
padding-bottom: var(--padding-block--sub-page);
padding-top: calc(32 * 1rem / 16);
padding-top: var(--padding-block--sub-page);
}
.profile-block__name {
font-size: 1rem;
line-height: 2;
}
.profile-block__item {
font-size: 0.8125rem;
line-height: 2;
}
.profile-block__item.profile-block__item--second {
margin-top: 0;
}
.profile-block__text {
font-size: 0.8125rem;
line-height: 1.7692307692;
}
.property-concerns {
padding-top: 3.5rem;
}
.property-concerns__inner.inner {
max-width: 854px;
padding-left: 25px;
padding-right: 25px;
}
.property-concerns__title {
font-size: 2rem;
line-height: 1.5;
}
.property-concerns__content {
margin-top: 2rem;
}
.property-concerns__content img {
aspect-ratio: 804/358;
width: 50.25rem;
}
.property-concerns__solutions {
margin-top: 3.5rem;
padding-bottom: 3rem;
padding-top: 3.5rem;
}
.property-concerns__solutions::after {
background-image: url(//mypro-inc.com/yorisoi/wp-content/themes/yorisoi/dist/assets/images/common/property-concerns-arrow.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
content: "";
height: 2.8125rem;
left: 50%;
position: absolute;
top: -1.375rem;
transform: translateX(-50%);
width: 1.1875rem;
}
.property-concerns__solutions-inner.inner {
max-width: 1254px;
padding-left: 61px;
padding-right: 39px;
}
.property-concerns__solutions-title-image img {
aspect-ratio: 551/99;
width: 34.4375rem;
}
.property-concerns__solutions-list {
gap: 2.375rem;
grid-template-columns: repeat(4, 1fr);
margin-top: 2.375rem;
}
.property-concerns__solution-item {
padding-bottom: 1.5rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 1.5rem;
}
.property-concerns__solution-icon {
left: -1.375rem;
top: -1.375rem;
}
.property-concerns__solution-icon-text {
font-size: 0.75rem;
line-height: 1.5;
}
.property-concerns__solution-text-highlight {
font-size: 1.125rem;
line-height: 1.7777777778;
}
.sales-support-block {
align-items: flex-start;
display: flex;
gap: 2.5rem;
}
.sales-support-block.sales-support-block--reverse {
flex-direction: row-reverse;
}
.sales-support-block__figure {
width: 39.1666666667%;
}
.sales-support-block__figure img {
aspect-ratio: 376/280;
}
.sales-support-block__content {
padding-top: 0.25rem;
width: 56.6666666667%;
}
.sales-support-block__title {
font-size: 1.75rem;
line-height: 1.7142857143;
}
.sales-support-block__title-number img {
aspect-ratio: 120/104;
width: 7.5rem;
}
.sales-support-block__text {
font-size: 1rem;
line-height: 1.8125;
margin-top: 0.75rem;
}
.sales-support {
padding-bottom: 3.5rem;
padding-top: 3.5rem;
}
.sales-support__inner.inner {
max-width: 1010px;
padding-left: 25px;
padding-right: 25px;
}
.sales-support__block-wrapper {
gap: 2.5rem;
margin-top: 2.5rem;
}
.section-title {
font-size: 2rem;
line-height: 1.5;
}
.service-bottom-content {
border-radius: 16px;
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 0;
}
.service-bottom-content__title {
font-size: 1.375rem;
line-height: 1.5;
margin-top: -0.125rem;
}
.service-bottom-content__title-large {
font-size: 2.75rem;
line-height: 1.5;
}
.service-bottom-content__title-middle {
font-size: 1.75rem;
line-height: 1.5;
}
.service-bottom-content__items {
gap: 1rem;
grid-template-columns: repeat(2, 1fr);
margin-top: 0.75rem;
}
.service-bottom-content__item {
font-size: 1rem;
line-height: 1.8125;
}
.service-bottom-content__item-number {
font-size: 1.125rem;
line-height: 1.5;
}
.service-comparison {
padding-bottom: 3.5rem;
padding-top: 3.5rem;
}
.service-comparison__inner.inner {
max-width: 1050px;
padding-left: 25px;
padding-right: 25px;
}
.service-comparison__content {
margin-top: 2rem;
}
.service-comparison__chart img {
aspect-ratio: 1000/660;
max-width: 62.5rem;
width: 62.5rem;
}
.service__top {
padding-bottom: 3.5rem;
padding-top: 3.5rem;
}
.service__top-inner.inner {
max-width: 930px;
padding-left: 25px;
padding-right: 25px;
}
.service__introduction {
margin-top: 2rem;
}
.service__introduction iframe {
aspect-ratio: 880/495;
width: 55rem;
}
.service__support {
padding-bottom: 3.5rem;
padding-top: 3.5rem;
}
.service__support::before {
display: none;
}
.service__support-inner.inner {
max-width: 1170px;
padding-left: 25px;
padding-right: 25px;
}
.service__support-wrapper {
padding-bottom: 3rem;
padding-left: 2.5rem;
padding-right: 2.5rem;
padding-top: 2.5rem;
position: relative;
}
.service__support-wrapper::before {
background-color: #fff5f9;
border-radius: 16px;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.service__support-title {
font-size: 1.75rem;
line-height: 1.5;
}
.service__support-images {
gap: 2rem;
grid-template-columns: repeat(4, 1fr);
}
.service__support-image img {
aspect-ratio: 236/258;
}
.service__support-icon {
top: -2rem;
}
.service__support-icon img {
height: 4rem;
width: 4rem;
}
.service__bottom {
padding-bottom: 3.5rem;
padding-top: 0;
}
.service__bottom-inner.inner {
max-width: 858px;
padding-left: 25px;
padding-right: 25px;
}
.service__bottom-lead img {
aspect-ratio: 628/166;
width: 39.25rem;
}
.service__bottom-content {
margin-top: 2rem;
width: 100%;
}
.service__bottom-text {
font-size: 1.125rem;
line-height: 1.5;
margin-top: 1.5rem;
}
.service__bottom-image {
justify-content: center;
margin-top: 2rem;
overflow: visible;
}
.service__bottom-image img {
aspect-ratio: 769/730;
max-width: 100%;
width: 48.0625rem;
}
.sp-nav__inner.inner {
max-width: 70.625rem;
}
.swiper-wrapper.swiper-wrapper-voice {
grid-column-gap: 2rem;
-moz-column-gap: 2rem;
grid-row-gap: 1.5rem;
align-content: center;
align-items: start;
column-gap: 2rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
justify-content: center;
margin-top: 2rem;
place-content: center;
row-gap: 1.5rem;
}
.swiper-button-prev.swiper-button-prev-voice,
.swiper-button-next.swiper-button-next-voice {
display: none;
}
.tel-block__icon.tel-block__icon--cta img {
height: 2.5rem;
width: 2.5rem;
}
.tel-block__number {
pointer-events: none;
}
.tel-block__number.tel-block__number--cta {
font-size: 2.5rem;
line-height: 1.8;
}
.thanks {
padding-bottom: 3.5rem;
padding-top: 3.5rem;
}
.thanks__inner {
max-width: 1000px;
}
.thanks__title {
font-size: 1.75rem;
}
.voice-card {
gap: 1rem;
padding: 1.5rem 2rem;
}
.voice-card__info {
font-size: 1rem;
line-height: 1.8125;
margin-top: 0;
}
.voice-card__text {
font-size: 0.875rem;
line-height: 1.7857142857;
}
.voice {
padding-bottom: 3.5rem;
padding-top: 3.5rem;
}
.voice__inner.inner {
max-width: 1182px;
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 1100px) {
html {
font-size: 16px;
}
}
@media (max-width: 782px) {
body.admin-bar {
--height--wp-admin-bar: 46px;
}
}
@media (max-width: 600px) {
#wpadminbar {
position: fixed;
}
}
@media (max-width: 390px) {
html {
font-size: 4.1025641026vw;
}
}
@keyframes zoomOut {
from {
opacity: 0;
transform: scale(1.2);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes zoomUp {
0% {
transform: scale(1);
}
100% {
transform: scale(1.15);
}
}