@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap"); html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1.6;
font-family: "Noto Sans JP", sans-serif;
color: #222;
font-size: 16px;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
max-width: 100%;
vertical-align: bottom;
}
body a {
color: #0d6efd;
}
a {
transition: 0.7s;
}
a:hover {
opacity: 0.7;
}
header {
padding: 1em 0;
}
header h1 {
font-size: 0.75em;
white-space: normal;
}
header h1 a {
text-decoration: none;
color: #222;
}
header h1 img {
display: block;
width: 236px;
margin: 0.5em 0 0;
}
header .headerContact .headerTel .tel {
width: 230px;
}
header .headerContact .headerTel .time {
font-size: 0.75em;
}
header .headerContact .headerBtn {
width: 204px;
margin: 0 0 0 1em;
}
.fv .fv_inner {
max-width: 1140px;
width: 100%;
margin: 0 auto 3em;
}
.section_onayami {
padding: 0 0 3em;
position: relative;
}
.section_onayami:after {
content: "";
display: block;
background: url(//yamayuu-fudousan.com/wp/wp-content/themes/lightning-child/assets/images/arrow1.png) no-repeat;
background-size: 100%;
width: 262px;
height: 54px;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: -30px;
}
.section_omakase {
background: url(//yamayuu-fudousan.com/wp/wp-content/themes/lightning-child/assets/images/bg1.jpg) repeat;
background-size: 724px;
padding: 3em 0 4em;
}
.section_omakase .figure1 {
max-width: 820px;
margin: 0 auto 5em;
}
.ctaContents {
max-width: 794px;
margin: 0 auto;
display: grid;
gap: 3em;
}
.ctaContents > div {
position: relative;
}
.ctaContents > div .fukidashi {
text-align: center;
position: absolute;
animation: fukidashi ease-in-out 1s infinite alternate;
-webkit-animation: fukidashi ease-in-out 1s infinite alternate;
left: 0;
right: 0;
margin: auto;
top: -25px;
z-index: 5;
}
.ctaContents > div .fukidashi img {
height: 50px;
width: auto;
}
@keyframes fukidashi {
0% {
transform: rotate(2deg);
}
10% {
transform: rotate(-2deg);
}
20% {
transform: rotate(2deg);
}
30% {
transform: rotate(-2deg);
}
35% {
transform: rotate(0deg);
}
100% {
transform: rotate(0deg);
}
}
@-webkit-keyframes fukidashi {
0% {
-webkit-transform: rotate(2deg);
}
10% {
-webkit-transform: rotate(-2deg);
}
20% {
-webkit-transform: rotate(2deg);
}
30% {
-webkit-transform: rotate(-2deg);
}
35% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@-moz-keyframes fukidashi {
0% {
-moz-transform: rotate(2deg);
}
10% {
-moz-transform: rotate(-2deg);
}
20% {
-moz-transform: rotate(2deg);
}
30% {
-moz-transform: rotate(-2deg);
}
35% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(0deg);
}
}
.section_reason {
background: #114262;
padding: 4em 0;
}
.section_reason .title {
margin: 0 0 4em;
}
.section_reason .title img {
width: 490px;
max-width: 100%;
}
.section_reason .reasonList {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 1.5em;
}
.section_reason .reasonList .reasonBlock {
box-shadow: 4px 6.928px 9px 1px rgba(0, 0, 0, 0.2);
background: #fff;
padding: 1em;
position: relative;
margin: 0 0 1em;
}
.section_reason .reasonList .reasonBlock .reason_number {
position: absolute;
width: 50px;
top: -20px;
left: 0.5em;
}
.section_reason .reasonList .reasonBlock .text {
font-weight: 900;
font-size: 1.2em;
padding: 0.5em 0 0;
}
.section_reason .reasonList .reasonBlock .text .large {
color: #e44444;
font-size: 1.4em;
}
.section_reason .reasonList .reasonBlock .text .attention {
font-size: 0.7em;
font-weight: normal;
}
.section_tigai {
padding: 4em 0 2em;
}
.section_tigai .title {
margin: 0 0 3em;
}
.section_tigai .title img {
width: 656px;
max-width: 100%;
}
.section_tigai .js-scrollable {
margin: 0 0 5em;
}
.section_tigai .figure1 {
width: 770px;
margin: 0 auto;
max-width: 100%;
}
#form {
padding: 4em 0;
}
#form .title1 {
font-size: 1.25em;
font-weight: 800;
margin: 0 0 2em;
line-height: 1.8;
}
#form .title1 .marker {
background: linear-gradient(transparent 60%, #ffe52c 60%);
}
#mail_form {
max-width: 780px;
margin: 0 auto;
}
#mail_form .privacy_plicy {
border: solid 1px #b7b7b7;
background: #ddd;
font-size: 0.85em;
padding: 1.2em;
height: 240px;
overflow: scroll;
margin: 0 0 2rem;
}
#mail_form .privacy_plicy b {
font-weight: 700;
}
#mail_form .privacy_plicy p {
margin: 0 0 1.2em;
}
#mail_form .privacy_plicy ul {
list-style: disc;
margin: 0 0 1.2em;
padding: 0 0 0 2em;
}
#mail_form .formHead {
background: #0058ab;
border-radius: 10px 10px 0 0;
color: #fff;
font-size: 1.75em;
font-weight: 800;
padding: 1rem 1.2rem;
}
#mail_form .formContainer {
border-bottom: solid 1px #ddd;
margin-bottom: 2em;
}
#mail_form .formContainer dl {
border: solid 1px #ddd;
border-bottom: none;
padding: 1.2rem;
}
#mail_form .formContainer dl dt {
font-weight: 700;
margin: 0 0 0.5em;
}
#mail_form .formContainer dl dt .required {
color: #e44444;
background: #fcecec;
border-radius: 3px;
padding: 0.1em 1em;
display: inline-block;
margin: 0 0 0 1em;
font-size: 0.8em;
}
#mail_form .formContainer dl dd .attention {
font-size: 0.85em;
margin: 0.5em 0 0;
}
#mail_form .formContainer dl dd input[type="text"],
#mail_form .formContainer dl dd input[type="email"],
#mail_form .formContainer dl dd textarea {
border: solid 1px #ddd;
width: 576px;
max-width: 90%;
padding: 0.5rem;
border-radius: 5px;
}
#mail_form .formContainer dl dd input[type="text"].postal,
#mail_form .formContainer dl dd input[type="email"].postal,
#mail_form .formContainer dl dd textarea.postal {
width: 180px;
}
#mail_form .formContainer dl dd input[type="radio"] {
margin-right: 0.5em;
}
#mail_form .formContainer dl dd input[type="checkbox"] {
position: relative;
top: -0.1em;
width: 20px;
height: 20px;
border: 1px solid #ddd;
background: #e6e6e6;
vertical-align: -5px;
margin-right: 0.5em;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#mail_form .formContainer dl dd input[type="checkbox"]:checked:before {
position: absolute;
top: 1px;
left: 4px;
transform: rotate(50deg);
width: 8px;
height: 16px;
border-right: 4px solid #e44444;
border-bottom: 4px solid #e44444;
content: "";
}
#mail_form .formContainer dl dd .radio {
margin: 0.5rem;
}
#mail_form #form_submit_button {
background: #e44444 url(//yamayuu-fudousan.com/wp/wp-content/themes/lightning-child/assets/images/arrow2.png) no-repeat;
background-position: right 1em center;
background-size: 26px;
border-radius: 10px;
width: 370px;
max-width: 80%;
height: 90px;
line-height: 90px;
font-weight: 800;
font-size: 1.5em;
text-align: center;
border: none;
outline: none;
color: #fff;
transition: 0.7s;
}
#mail_form #form_submit_button:hover {
opacity: 0.7;
}
footer {
background: url(//yamayuu-fudousan.com/wp/wp-content/themes/lightning-child/assets/images/bg1.jpg) repeat;
background-size: 724px;
padding: 3em 0 0;
}
footer .figure1 {
margin: 0 0 2em;
}
footer .footerLogo {
width: 236px;
}
footer .footerInfo {
margin: 0 0 2em;
}
footer .footerInfo .title {
font-weight: 700;
font-size: 1.2em;
margin: 0 0 0.5em;
}
footer .footerInfo .tel {
width: 230px;
}
footer .googlemap {
height: 280px;
}
footer .copyright {
background: #114262;
color: #fff;
font-size: 0.8em;
padding: 1em 0;
}
.error_blank {
display: block;
color: #e44444;
font-weight: 700;
margin: 0.2em 0 0;
}
.page-thanks {
min-height: 70vh;
display: flex;
align-items: center;
justify-content: center;
}
.page-thanks h2 {
font-size: 2em;
font-weight: 800;
}
.page-thanks h2:after {
content: "";
display: block;
background: #0058ab;
width: 50px;
height: 4px;
margin: 0.5em auto 1em;
}
@media (min-width: 768px) {
.pcnon {
display: none !important;
}
.ctaContents .cta_tel a {
pointer-events: none;
}
}
@media (min-width: 1200px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1010px;
}
}
@media (min-width: 1400px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
max-width: 1010px;
}
}
@media (max-width: 991px) {
.section_reason .reasonList {
grid-template-columns: 1fr 1fr;
}
.headerContact .headerTel {
display: none;
}
}
@media (max-width: 767px) {
.spnon {
display: none !important;
}
header {
padding: 0.5em 0;
position: fixed;
background: #fff;
width: 100%;
z-index: 99;
}
header .header_inner {
padding-left: 10px;
padding-right: 10px;
}
header h1 img {
width: 180px;
margin: 0.2em 0 0;
}
header .headerContact .headerBtn {
width: 140px;
}
.fv {
padding-top: 63px;
}
.section_onayami:after {
width: 200px;
height: 44px;
bottom: -20px;
}
.ctaContents > div .fukidashi img {
height: 40px;
}
.section_reason .title {
margin: 0 0 2em;
}
.section_reason .title img {
width: 280px;
}
.section_reason .reasonList {
grid-template-columns: 1fr;
}
.section_reason .reasonList .reasonBlock {
margin: 0;
}
.section_tigai .title img {
width: 280px;
}
.section_tigai .figure1 {
max-width: unset;
width: 600px;
}
#mail_form .formHead {
font-size: 1.25em;
padding: 0.5rem 1.2rem;
}
#mail_form #form_submit_button {
height: 70px;
line-height: 70px;
background-size: 20px;
font-size: 1.25em;
}
footer .footerLogo {
width: 180px;
margin: 0 0 0.5em;
}
footer .footerInfo .title {
font-size: 1em;
}
} .section_top_property_info {
margin-bottom: 40px;
}
.top_property_title {
margin-bottom: 20px;
text-align: center;
position: relative;
}
.top_property_title.ctaContents {
display: block;
}
.top_property_title .fukidashi img {
position: absolute;
left: 0;
}
.top_property_title img {
max-width: 700px;
width: 100%;
}
.top_property_box {
display: flex;
flex-wrap: wrap;
justify-content: center;
background: #fffae6;
padding: 20px;
margin-bottom: 68px;
}
a.top_property_item {
text-decoration: none;
margin-right: 20px;
border-radius: 20px;
}
a.top_property_item:last-child {
margin-right: 0;
}
.top_property_item {
width: calc(100% / 3 - 20px);
border-radius: 0 0 20px 20px;
box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.18);
margin-bottom: 20px;
background-color: #fff;
}
.top_property_text_box {
background-color: #fff;
padding: 10px 14px 24px 14px;
border-radius: 0 0 20px 20px;
border-radius: 20px;
}
.top_property_text_title {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
}
p.top_property_text_title1 {
font-weight: bold;
}
p.top_property_text_title2 {
font-size: 0.875rem;
font-weight: bold;
color: #e44542;
}
.top_property_text_main {
margin-bottom: 8px;
}
.top_property_text_main p {
font-size: 0.875rem;
color: #7d7d7d;
margin-bottom: 3px;
}
.top_property_text_bottom p {
font-size: 0.875rem;
color: #009f8b;
font-weight: bold;
}
.center {
text-align: center;
}
.color-red {
color: #e44542 !important;
}
.mb-10 {
margin-bottom: 10px !important;
}
b {
font-weight: bold;
} .top_property_img {
position: relative; aspect-ratio: 4 / 3;
width: 100%;
overflow: hidden;
background: #f5f5f5;
} .top_property_img img,
.top_property_img picture img,
.top_property_img .wp-post-image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} @supports not (aspect-ratio: 1 / 1) {
.top_property_img {
position: relative;
} .top_property_img::before {
content: "";
display: block;
padding-top: 75%;
}
.top_property_img img,
.top_property_img picture img,
.top_property_img .wp-post-image {
position: absolute;
inset: 0;
}
}
.prop-badges {
position: absolute;
display: flex;
top: 0;
gap: 1px;
z-index: 3;
}
.prop-badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 10px;
color: #fff;
font-size: 13px;
line-height: 1;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
white-space: nowrap;
} .prop-badge--status.for-sale {
background: #e74c3c;
} .prop-badge--status.pre-sale {
background: #f39c12;
} .prop-badge--status.sold {
background: #6c757d;
}  .prop-badge--visit {
background: #009899;
}
.prop-badge--visit svg {
width: 14px;
height: 14px;
fill: currentColor;
}
@media screen and (max-width: 768px) {
.top_property_box {
flex-wrap: wrap;
}
.top_property_item {
width: 100%;
margin: 0;
}
a.top_property_item {
margin-right: 0;
margin-bottom: 20px;
}
.prop-badge {
font-size: 12px;
padding: 5px 8px;
}
} @media (min-width: 600px) { .wp-block-gallery.has-nested-images[class*="columns-"] {
--gal-gap: var(--wp--style--gallery-gap, var(--wp--style--unstable-gallery-gap, 16px));
} .wp-block-gallery.has-nested-images[class*="columns-"] > figure.wp-block-image { margin: 0 !important;
} .wp-block-gallery.has-nested-images.columns-1 > figure.wp-block-image {
flex: 0 0 100% !important;
max-width: 100% !important;
width: 100% !important;
} .wp-block-gallery.has-nested-images.columns-2 > figure.wp-block-image {
flex-basis: calc((100% - (1 * var(--gal-gap))) / 2) !important;
max-width: calc((100% - (1 * var(--gal-gap))) / 2) !important;
width: calc((100% - (1 * var(--gal-gap))) / 2) !important;
}
.wp-block-gallery.has-nested-images.columns-3 > figure.wp-block-image {
flex-basis: calc((100% - (2 * var(--gal-gap))) / 3) !important;
max-width: calc((100% - (2 * var(--gal-gap))) / 3) !important;
width: calc((100% - (2 * var(--gal-gap))) / 3) !important;
}
.wp-block-gallery.has-nested-images.columns-4 > figure.wp-block-image {
flex-basis: calc((100% - (3 * var(--gal-gap))) / 4) !important;
max-width: calc((100% - (3 * var(--gal-gap))) / 4) !important;
width: calc((100% - (3 * var(--gal-gap))) / 4) !important;
}
.wp-block-gallery.has-nested-images.columns-5 > figure.wp-block-image {
flex-basis: calc((100% - (4 * var(--gal-gap))) / 5) !important;
max-width: calc((100% - (4 * var(--gal-gap))) / 5) !important;
width: calc((100% - (4 * var(--gal-gap))) / 5) !important;
}
.wp-block-gallery.has-nested-images.columns-6 > figure.wp-block-image {
flex-basis: calc((100% - (5 * var(--gal-gap))) / 6) !important;
max-width: calc((100% - (5 * var(--gal-gap))) / 6) !important;
width: calc((100% - (5 * var(--gal-gap))) / 6) !important;
}
.wp-block-gallery.has-nested-images.columns-7 > figure.wp-block-image {
flex-basis: calc((100% - (6 * var(--gal-gap))) / 7) !important;
max-width: calc((100% - (6 * var(--gal-gap))) / 7) !important;
width: calc((100% - (6 * var(--gal-gap))) / 7) !important;
}
.wp-block-gallery.has-nested-images.columns-8 > figure.wp-block-image {
flex-basis: calc((100% - (7 * var(--gal-gap))) / 8) !important;
max-width: calc((100% - (7 * var(--gal-gap))) / 8) !important;
width: calc((100% - (7 * var(--gal-gap))) / 8) !important;
}
.wp-block-gallery.has-nested-images.columns-9 > figure.wp-block-image {
flex-basis: calc((100% - (8 * var(--gal-gap))) / 9) !important;
max-width: calc((100% - (8 * var(--gal-gap))) / 9) !important;
width: calc((100% - (8 * var(--gal-gap))) / 9) !important;
}
.wp-block-gallery.has-nested-images.columns-10 > figure.wp-block-image {
flex-basis: calc((100% - (9 * var(--gal-gap))) / 10) !important;
max-width: calc((100% - (9 * var(--gal-gap))) / 10) !important;
width: calc((100% - (9 * var(--gal-gap))) / 10) !important;
}
.wp-block-gallery.has-nested-images.columns-11 > figure.wp-block-image {
flex-basis: calc((100% - (10 * var(--gal-gap))) / 11) !important;
max-width: calc((100% - (10 * var(--gal-gap))) / 11) !important;
width: calc((100% - (10 * var(--gal-gap))) / 11) !important;
}
.wp-block-gallery.has-nested-images.columns-12 > figure.wp-block-image {
flex-basis: calc((100% - (11 * var(--gal-gap))) / 12) !important;
max-width: calc((100% - (11 * var(--gal-gap))) / 12) !important;
width: calc((100% - (11 * var(--gal-gap))) / 12) !important;
}
} @media (min-width: 600px) {
.wp-block-gallery:not(.has-nested-images)[class*="columns-"] .blocks-gallery-item {
margin: 0 !important;
}
}