@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

@media (960px < width) {
    header#header {
        height: 110px;
    }
    .c-headLogo.-img {
        height: 80px;
    }
    nav#gnav {
        display: flex;
        flex-direction: column;
    }
    nav#gnav .p-blogParts.post_content {
        margin-top: 15.75px;
    }
    .hrs-header-btn {
        align-items: stretch;
    }
    .hrs-header-btn a {
        padding: 1px 20px;
    }
    .hrs-header-btn a span {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .hrs-header-btn .tel a span::before {
        content: '';
        display: inline-block;
        width: 14px;
        height: 14px;
        margin-right: 8px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free v6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M280 0C408.1 0 512 103.9 512 232c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-101.6-82.4-184-184-184c-13.3 0-24-10.7-24-24s10.7-24 24-24zm8 192a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm-32-72c0-13.3 10.7-24 24-24c75.1 0 136 60.9 136 136c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-48.6-39.4-88-88-88c-13.3 0-24-10.7-24-24zM117.5 1.4c19.4-5.3 39.7 4.6 47.4 23.2l40 96c6.8 16.3 2.1 35.2-11.6 46.3L144 207.3c33.3 70.4 90.3 127.4 160.7 160.7L345 318.7c11.2-13.7 30-18.4 46.3-11.6l96 40c18.6 7.7 28.5 28 23.2 47.4l-24 88C481.8 499.9 466 512 448 512C200.6 512 0 311.4 0 64C0 46 12.1 30.2 29.5 25.4l88-24z"/></svg>');
    }

    .hrs-header-btn .owner a span::after {
        content: '';
        width: 5px;
        height: 5px;
        border: 0;
        border-top: solid 1px #fff;
        border-right: solid 1px #fff;
        transform: rotate(45deg);
        display: flex;
        justify-content: center;
        margin-left: 6px;
    }

    .c-gnav>.menu-item>a:after {
        bottom: 10px;
    }
}

#top_title_area h1 {
    font-size: 29px;
}

.l-content {
	margin-bottom: 3em;
}

.first-letter {
    font-family: "barlow";
}

.post_content .is-style-section_ttl.has-text-align-left {
    text-align: center;
}
/* FRONT PAGE */
.home .our-service .swell-block-column {
    box-shadow: 0px 3px 6px #00000029;
    display: flex;
    flex-direction: column;
}
.home .our-service p, .home .our-service .wp-block-buttons {
    padding: 0 1rem;
}
.home .our-service .wp-block-buttons {
	padding-bottom: 1rem;
    flex-wrap: wrap;
    margin-top: auto;
}
.home .our-service .wp-block-buttons .wp-block-button {
    width: 100%;
}
.home .our-service .wp-block-image img {
    width: 100%;
}
.home .our-service h3 {
    display: flex;
    align-items: center;
    margin: 1rem 0 1rem 1rem;
}
.home .post_content .our-service h3::after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #F06F6F;
    margin-left: 1rem;
}
.home .our-service .wp-block-button__link {
    padding-top: 8px;
    padding-bottom: 8px;
}

.home .arrow-button {
    width: 100%;
}
.home .arrow-button .wp-element-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid #000;
	transition: .3s;
}
.home .arrow-button .wp-element-button::after {
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 11px;
    color: #358CF2;
    margin-left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    background-color: #F3C23D;
    border-radius: 50%;
}
.home .wp-block-button a  {
	font-size: 14px;
	font-weight: 500 !important;
	transition: .3s;
}
.home .wp-block-button a:hover {
	box-shadow: 0 2px 3px rgba(0,0,0,.3);
	transition: .3s;
}
.arrow-button a:hover {
	box-shadow: 0 2px 3px rgba(0,0,0,.3);
	transition: .3s;
}

/* company-info */
.company-info .wp-block-table td {
    padding-top: 20px;
    padding-bottom: 20px;
    vertical-align: middle;
    border-color: #D8D8D8;
}

/* why-choose-us */
.why-choose-us .reason-why .wp-block-group {
    border-radius: 10px;
}
.why-choose-us .key-benefits > div > .wp-block-group {
    border-radius: 50px;
}
.why-choose-us .key-benefits .wp-block-media-text {
    position: relative;
    margin-bottom: 3em;
}
.why-choose-us .key-benefits .has-media-on-the-left {
    border-right: 1px solid #c9c9c9;
    padding-right: 20px;
}
.why-choose-us .key-benefits .has-media-on-the-right {
    border-left: 1px solid #c9c9c9;
    padding-left: 20px;
}
.why-choose-us .key-benefits .wp-block-media-text::before {
    background: #FFF;
    color: #F06F6F;
    content: "Benefits";
    writing-mode: sideways-lr;
    font-size: 14px;
    top: 0;
    padding-bottom: 20px;
    position: absolute;
}
.why-choose-us .key-benefits .has-media-on-the-left::before {
	right: -14px;
}
.why-choose-us .key-benefits .has-media-on-the-right::before {
    left: -14px;
}
.why-choose-us .key-benefits .wp-block-media-text .num {
    color: #358CF2;
    font-size: 58px;
    margin-bottom: 0;
    line-height: 1.5;
    font-weight: 900;
}
.why-choose-us .key-benefits .has-media-on-the-left .num {
    text-align: right;
}
.why-choose-us .key-benefits .wp-block-media-text h2 {
    margin: 0 0 8px 0;
    text-align: left;
    font-size: 30px;
}
.why-choose-us .our-service .swell-block-column {
    box-shadow: 0px 3px 6px #00000029;
    display: flex;
    flex-direction: column;
}
.why-choose-us .our-service p, .why-choose-us .our-service .wp-block-buttons {
    padding: 0 1rem;
}
.why-choose-us .our-service .wp-block-buttons {
	padding-bottom: 1rem;
    flex-wrap: wrap;
    margin-top: auto;
}
.why-choose-us .our-service .wp-block-buttons .wp-block-button {
    width: 100%;
}
.why-choose-us .our-service .wp-block-image img {
    width: 100%;
}
.why-choose-us .our-service h3 {
    display: flex;
    align-items: center;
    margin: 1rem 0 1rem 1rem;
}
.why-choose-us .post_content .our-service h3::after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #F06F6F;
    margin-left: 1rem;
}
.why-choose-us .our-service .wp-block-button__link {
    padding-top: 10px;
    padding-bottom: 10px;
}
@media screen and (max-width: 960px) {
	.why-choose-us .key-benefits .wp-block-media-text h2 {
		font-size: 25px;
	}
	.why-choose-us .key-benefits .wp-block-media-text .num {
		font-size: 40px;
	}
	.why-choose-us .key-benefits > div > .wp-block-group {
		border-radius: 20px;
	}
}
/* rent-a-property */
.rent-a-property .protect .wp-block-group {
    border-radius: 10px;
}
.rent-a-property .after-arrow::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 0 0 0 -50px;
    border-right: 90px solid transparent;
    border-left: 90px solid transparent;
    border-top: 54px solid transparent;
    border-top-color: rgba(51, 51, 51, 0.7);
    z-index: 1;
}
.rent-a-property .service h2 {
    margin-top: 2em;
}
.rent-a-property .service h3 {
    margin: 13px 0;
}
.rent-a-property .service .swell-block-columns__inner {
    justify-content: center;
}
.rent-a-property .strength .wp-block-media-text__media img {
    border-radius: 10px;
}

.rent-a-property .flow .swell-block-columns__inner {
    row-gap: 24px;
}
.rent-a-property .flow .swell-block-column {
    border-radius: 22px;
}
.rent-a-property .flow .flowchart-item {
    position: relative;
    border: 1px solid #ddd;
    padding: 120px 8px 8px;
    text-align: center;
    margin-right: 56px;
}
.rent-a-property .flow .flowchart-item::before {
    content: "";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 43px;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 89px;
    height: 89px;
    background-color: #F3C23D;
    border-radius: 50%;
    position: absolute;
    top: 23px;
    left: 50%;
    transform: translateX(-50%);
}
.rent-a-property .flow .flowchart-item:nth-of-type(1)::before {
    content: "\f1d8";
}
.rent-a-property .flow .flowchart-item:nth-of-type(2)::before {
    content: "\e522";
}
.rent-a-property .flow .flowchart-item:nth-of-type(3)::before {
    content: "\f279";
}
.rent-a-property .flow .flowchart-item:nth-of-type(4)::before {
    content: "\f390";
}
.rent-a-property .flow .flowchart-item::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 0 9px 16px;
    border-color: transparent transparent transparent #333333;
    position: absolute;
    right: -36px;
    top: 50%;
    transform: translateY(-50%);
}
.rent-a-property .flow .flowchart-item:last-of-type::after {
    display: none;
}
.rent-a-property .flow .flowchart-item h3 {
    margin-bottom: 8px;
    line-height: 1;
}
.rent-a-property .flow .flowchart-item p {
    line-height: 1.2;
}

/* contact */
.tel-num {
    line-height: 40px;
    margin-bottom: 0;
}

/* custom post single page */
.p-blogParts.post_content .single-contact {
    margin-top: -32px!important;
}
.p-blogParts .contact.single-contact .wp-block-buttons {
    justify-content: space-evenly;
}
.p-blogParts .contact.single-contact .phone, .p-blogParts .contact.single-contact .mail {
    width: 100%;
    max-width: 406px;
}



/* CTA+footer */
.p-blogParts.post_content {
    margin: 0;
}

.p-blogParts .contact .phone, .p-blogParts .contact .mail {
    width: 100%;
    max-width: 440px;
}
.p-blogParts .contact .wp-block-buttons {
    flex-wrap: wrap;
}
.p-blogParts .contact .wp-element-button::before {
    font-family: "Font Awesome 6 Free";
    font-size: 21px;
    margin-right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}
.p-blogParts .contact .phone .wp-element-button::before {
    content: "\f2a0";
    transform: rotate(315deg);
    font-weight: 900;
    color: #358CF2;
}
.p-blogParts .contact .mail .wp-element-button::before {
    content: "\f0e0";
    color: #F3C23D;
}
.p-blogParts .contact h2 {
    margin-bottom: 1em;
}
.p-blogParts .contact p {
    max-width: 750px;
    margin: 0 auto 2em;
}
.p-blogParts .contact .wp-element-button {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: repeat(2, auto);
    align-items: center;
    padding: 8px;
}
.p-blogParts .contact .wp-element-button span:first-of-type {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}
.p-blogParts .contact .wp-element-button span:last-of-type {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}
.w-footer__box table tr td {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
/* custom post type */
.single-existing_property #content, .single-private_lodging #content, .single-rental_property #content {
    padding-top: 0;
}

.hrs-custom .l-mainContent__inner {
    background: #fff;
}
.hrs-postList .p-postList__link {
    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
}

.hrs-postList .p-postList__title {
    margin: 10px 10px 23px 10px;
}

.hrs-postList .hrs-table-like {
    display: flex;
    flex-direction: column;
}
.hrs-postList .hrs-table-like .table-row {
    display: flex;
    margin: 0 0 5px 10px;
    align-items: center;
}
.hrs-postList .hrs-table-like .table-header {
    flex-shrink: 0;
    font-size: 12px;
    background-color: #f4f5f7;
    padding: 3px 15px;
}
.hrs-postList .hrs-table-like .table-data {
    flex-grow: 1;
    font-size: 14px;
    padding: 3px 5px;
}

.hrs-postList .read-more {
    display: flex;
    justify-content: right;
    align-items: center;
    font-size: 9px;
    padding: 11px 20px 7px;
}
.hrs-postList .read-more::after {
    content: '';
    width: 5px;
    height: 5px;
    border: 0;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    transform: rotate(45deg);
    display: flex;
    justify-content: center;
    margin-left: 6px;
}

@media (1020px < width) {
    .-sidebar-off .hrs-custom .p-postList__item.hrs-postList {
        width: 25%;
    }
}

/* footer */
.w-footer__box {
    font-size: 14px;
    display: flex;
    align-items: center;
}
.w-footer__box .wp-block-table {
    --table-border: none;
}
.w-footer__box .menu {
    display: flex;
	flex-wrap: wrap;
}
.w-footer__box .c-listMenu a {
	border: none;
	padding: .75em 15px .75em 15px;
}
.w-footer__box .c-listMenu a:before {
	content: none;
}

.l-footer__foot {
    color: #fff;
    background: #358CF2;
    padding: 5px 0 0;
}
.l-footer__foot .copyright span:before {
    content: 'Copyright ';
}

/* custom post type single */
.hrs-custom-post-single .hrs-custom-h {
    background: #fff;
    margin-bottom: 0;
    border-top: 2px solid #358CF2;
    border-bottom: 1px solid #C9C9C9;
    font-size: 20px;
    padding: 20px 17px;
    margin-bottom: 0 !important;
}

.hrs-custom-post-single .hrs-img-group {
    padding: 0 0 30px;
}

.hrs-custom-post-single .hrs-swiper {
    padding: 20px 37px;
    position: relative;
}

.hrs-custom-post-single .swiper-slide img{
    width: 100%;
}

.hrs-custom-post-single .swiper-button-next, .hrs-custom-post-single .swiper-button-prev {
    width: 30px;
    height: 83px;
	background: #C9C9C9;
}
.hrs-custom-post-single .swiper-button-next {
    border-radius: 10px 0 0 10px;
}
.hrs-custom-post-single .swiper-button-prev {
    border-radius: 0 10px 10px 0;
}
.hrs-custom-post-single .swiper-button-next:after, .hrs-custom-post-single .swiper-button-prev:after {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg) skew(10deg, 10deg);
}
.hrs-custom-post-single .slider-thumbnail .swiper-slide {
  opacity: .5;
  transition: opacity .5s;
  width: calc(100% / 8);
}
.hrs-custom-post-single .slider-thumbnail .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}

.hrs-custom-post-single figure.wp-block-table {
    padding: 0 21.5px 30px;
}

.hrs-custom-post-single .vk-search {
    background-color: #fff !important;
}
.hrs-custom-post-single .hrs-vk {
    background-color: #F4F5F7 !important;
}
.slider .swiper-slide img {
	object-fit: cover;
	aspect-ratio:  3 / 2;
}
/* 物件詳細>備考情報 */
.property-notes-area {
	margin: 0 20px 30px;
	padding: 10px;
	border: 1px solid #C9C9C9;
}
.property-notes-area span {
	font-weight: 500;
	background-color: #358CF2;
	color: #FFFFFF;
	padding: 3px 10px;
}
p.test-notes {
	padding-top: 20px;
	white-space: pre-wrap;
}

/* VK */
.p-blogParts .hrs-vk {
    border-radius: 50px;
}
.hrs-vk .vkfs__input-wrap {
    flex-direction: column;
}

.vkfs-result-page .l-topTitleArea {
    align-items: center;
    display: flex
;
    margin: 0;
    min-height: 11em;
    overflow: hidden;
    padding: 1.5em 0;
    position: relative;
    width: 100%;
}
@media (min-width: 600px) {
    .vkfs-result-page .l-topTitleArea {
        min-height: 240px;
        padding: 1em 0;
    }
}

.vkfs-result-page .l-topTitleArea__body {
    color: #fff;
    position: relative;
    text-shadow: 1px 1px 0 rgba(0,0,0,.1);
    width: 100%;
    z-index: 3;
}
@media screen and (max-width: 960px) {
	.p-blogParts .hrs-vk {
		border-radius: 20px;
	}
}

/******************************/
/** コンタクトフォームの装飾 **/
/******************************/
/*　フォーム全体　*/
#cf7-area {
    width: 100%;
    margin: 0 auto;
    font-family: “遊ゴシック"," ヒラギノ角ゴ"," メイリオ"," MS Pゴシック",sans-serif;

}

.cf7-item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 0 1.75em;
}

.cf7-q {
    width: 30%;
    margin: 0 0 0 10px;
}

.cf7-a {
    width: 60%;
}

/*　見出し　*/
.form-heading {
    width: 100%;
    background-color: #191970;
    border-left: 1em solid #6495ED;
    border-radius: 2px;
    color: #ffffff;
    font-weight: bold;
    padding: 1em .8em;
    margin: 0 0 2em;
}

.form-heading p {
    margin: 0;
}

/* 各項目共通 */
#cf7-area label {
    font-weight: bold;
}

#cf7-area input[type="text"],
#cf7-area input[type="email"],
#cf7-area input[type="tel"],
#cf7-area textarea {
    background: #FFFFFF;
    width: 100%;
    max-width: 500px;
    margin-left: 10px;
}

#cf7-area input[type="text"]:focus,
#cf7-area input[type="email"]:focus,
#cf7-area input[type="tel"]:focus,
#cf7-area textarea:focus {
    background: #FFE4E1;
    border: 2px solid #FF1493;
    outline: 0;
}

#cf7-area input[type="checkbox"],
#cf7-area input[type="radio"] {
    appearance: auto;
}

#cf7-area .wpcf7-list-item {
    display: block;
}

#cf7-area textarea {
    height: 200px;
    padding: 0.625em 0.4375em;
}

.cf7-accept-check {
    text-align: center;
    margin: 50px auto;
}

.cf7-submit {
    width: 40%;
    margin: 0 auto;
    text-align: center;
}

#cf7-area input[type="submit"] {
    width: 100%;
    background-color: #000000;
    color: #ffffff;
    border-radius: 5px;
    font-size: 1.2em;
    padding: 1em 10px;
}

#cf7-area input[type="submit"]:hover {
    background-color: #ffffff;
    border: 2px solid #191970;
    color: #191970;
}

.cf7-btn {
    width: 40%;
    margin: 0 auto;
    text-align: center;
}

/*　必須ラベル　*/
.cf7-req {
    font-size: .8em;
    padding: 4px 6px;
    color: #F41111;
    margin-left: 10px;
    display: inline-block;
}

@media screen and (max-width:768px) {
    .cf7-item {
        display: block;
    }

    #cf7-area label {
        display: block;
        margin-bottom: 10px;
    }

    .cf7-q {
        width: 100%;
        margin: 0;
    }

    .cf7-a {
        width: 100%;
    }

    #cf7-area input[type="text"],
    #cf7-area input[type="email"],
    #cf7-area input[type="tel"],
    #cf7-area textarea {
        margin-left: 0;
    }

    .cf7-submit {
        width: 90%;
    }
}

/***********************************/
/** コンタクトフォームの装飾 ここまで**/
/***********************************/



@media (600px <= width) {
    .post_content .is-style-section_ttl.has-text-align-left {
        text-align: left;
    }
    .home .arrow-button {
        width: 258px;
    }
    .home .our-service .wp-block-buttons .wp-block-button, .why-choose-us .our-service .wp-block-buttons .wp-block-button {
        max-width: 170px;
    }
    .p-blogParts .hrs-vk {
        padding: 50px 150px;
    }
    .why-choose-us .key-benefits > div > .wp-block-group {
        padding: 4em 5em;
    }
    .p-blogParts.post_content .single-contact .wp-block-group {
        padding-left: 0;
        padding-right: 0;
    }
    .p-blogParts .contact .wp-element-button {
        gap: 0 15px;
        padding: 15px 30px;
    }
    .p-blogParts .contact .wp-element-button::before {
        font-size: 23px;
        width: 60px;
        height: 60px;
    }
    .cf7-checkbox .wpcf7-form-control {
        display: flex;
    }
    .hrs-vk .vkfs__input-wrap {
        flex-direction: row;
    }
}
/* CTA */
#cta-area {
	background-image: url(https://luxs-est.jp/wp-content/uploads/2025/09/グループ-505.png) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
/* こんなお悩み */
#onayami {
	background-image: url(http://luxs-est.jp/wp-content/uploads/2025/09/AdobeStock_480498408.png) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}