@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
*/

/*****s4housing.co.jpのCSS*****/

@media screen and (max-width: 599px){
.onpc{display: none;}
}
@media screen and (min-width: 600px){
    .onsp{display: none;}
}

.c-gnav, .p-spMenu__nav{
    font-weight: 700;
}
.c-gnav>.menu-item>a:after{
    bottom:28%!important;
}
@media screen and (min-width: 600px){
    .l-fixHeader__inner{
        padding-bottom: 0.5em!important;
    padding-top: 0.5em!important;
    }
}

.c-gnav>.menu-item.menu-item-305>a:after,.c-gnav>.menu-item.menu-item-306>a:after,.c-gnav>.menu-item.menu-item-307>a:after,.c-gnav>.menu-item.menu-item-310>a:after{
content:none!important;
}
li.menu-item.menu-item-306:hover,li.menu-item.menu-item-307:hover,li.menu-item.menu-item-310:hover{
    opacity: 0.8;
}

@media screen and (min-width: 600px){
.c-gnav .sub-menu{
    width: 16em!important;
}
}

.header-tel-main {
    font-size: 1.8rem;
    margin-bottom: 0.2em;
}
.header-tel-main i{
    font-size: 1.2rem;
}

@media screen and (min-width: 600px){
.header-insta-icon i{
font-size: 1.5rem !important;
color:#7c3f2d;
}
.header-youtube-icon i{
font-size: 1.5rem !important;
color: #ff0000;
}
}

@media screen and (max-width: 599px){
.header-insta-icon i{
font-size: 2.5rem !important;
color:#7c3f2d;
}
.header-youtube-icon i{
font-size: 2.5rem !important;
color: #ff0000;
}
a.sp-menu-sns-icon{
    text-align: center!important;
}
}



.header-tel-ue {
    color: #7c3f2d;
    padding: 0.5em;
}

.header-contact {
    background: #7c3f2d;
    font-size: 1.1rem;
    padding: 1em 1em;
    border-radius: 5px;
    color: #fff;
}


/*トップページの記事スライダーの部分 ここから*/
@media screen and (min-width: 600px){
.p-postSlider__title {
    font-size: 2em !important;
    position: relative;
    padding: .3em 0 .2em 1em;
    border-bottom: 3px solid #7C3F2D;
    display: table;
        margin: 0 auto 1em;
}
}
@media screen and (max-width: 599px){
.p-postSlider__title {
    font-size: 1.5em !important;
        position: relative;
        padding: .3em 0 .2em 1em;
        border-bottom: 3px solid #7C3F2D;
        display: table;
        margin: 0 auto 1em;
}
}
.p-postSlider__title::before {
    position: absolute;
    top: 0;
    left: .3em;
    transform: rotate(55deg);
    height: 11px;
    width: 12px;
    background: #7C3F2D;
    content: '';
}

.p-postSlider__title::after {
    position: absolute;
    transform: rotate(15deg);
    top: .6em;
    left: 0;
    height: 8px;
    width: 8px;
    background: #7C3F2D;
    content: '';
}
/*トップページの記事スライダーの部分 ここまで*/

@media screen and (min-width: 600px){
        .pc-fs-0_8rem{font-size: 0.8rem!important;}
    .pc-fs-0_9rem{font-size: 0.9rem!important;}    
    .pc-fs-1_2em{font-size: 1.2em!important;}
    .pc-fs-1_5em{font-size: 1.5em!important;}
    .pc-fs-2em{font-size: 2em!important;}
}
@media screen and (max-width: 599px){
    .sp-fs-0_8rem{font-size: 0.8rem!important;}
    .sp-fs-1_2em{font-size: 1.2em!important;}    
    .sp-fs-1_3em{font-size: 1.3em!important;}
    .sp-fs-1_5em{font-size: 1.5em!important;}
}

/*h2の下線を無くす*/
h2.is-style-section_ttl.no-kasen::after{content:none!important;}

/**CTA ここから**/
.cta-btn a{
    width: 100%!important;
}
.cta-tel {
    font-size: 3rem;
    margin-bottom: -1rem;
}
.cta-tel i {
    font-size: 2.2rem !important;
}
.cta-tel-2 {
    font-size: 2.5rem;
    margin-bottom: 0;
}
.cta-tel-2 i {
    font-size: 1.5rem;
}
/**CTA ここまで**/

/*文字色*/
.red{color: #ff0000!important;}
.yellow{color: #ffff00!important;}
.white{color: #fff!important;}
.main-color{color: #7c3f2d!important;}

@media screen and (min-width: 600px){
    .pc-mar-bt-0{margin-bottom: 0!important;}
    .pc-mar-bt-2em{margin-bottom: 2em!important;}
    .pc-mar-bt-3em{margin-bottom: 3em!important;}
    .pc-mar-bt-4em{margin-bottom: 4em!important;}

    .pc-mar-top-2em{margin-top:2em!important;}

    .pc-mar-top-m2em{margin-top:-2em!important;}
}
@media screen and (max-width: 599px){
    .sp-mar-bt-0{margin-bottom: 0!important;}
    .sp-mar-bt-0_5em{margin-bottom: 0.5em!important;}
    .sp-mar-bt-2em{margin-bottom: 2em!important;}
    .sp-mar-bt-4em{margin-bottom: 4em!important;}
    .sp-mar-bt-6em{margin-bottom: 6em!important;}

    .sp-mar-bt-m1em{margin-bottom: -1em!important;}

    .sp-mar-top-2em{margin-top:2em!important;}

    .sp-mar-top-m2em{margin-top:-2em!important;}
}

@media screen and (min-width: 600px){
    .pc-pad-top-2em{padding-top: 2em!important;}

    .pc-pad-bt-2em{padding-bottom: 2em!important;}
}
@media screen and (max-width: 599px){
    .sp-pad-top-2em{padding-top: 2em!important;}

    .sp-pad-bt-2em{padding-bottom: 2em!important;}
}

.p-postList__excerpt{
    font-size: 1.2em!important;
    color: #ff0000;
    font-weight: 700!important;
}

@media screen and (max-width: 599px){
    .sp-btn-90 a{
    width: 90%;
}
}

@media screen and (min-width: 600px){
    .info-box{
        background: #fff;
        border-radius: 10px;
        padding: 2em 1em!important;
        position: relative!important;
    }
    .top-info-midashi{
        font-size: 1.5em!important;
        font-weight: 700!important;
        color: #7c3f2d!important;;
        padding-top: 2em!important;
    }
}
@media screen and (max-width: 599px){
    .info-box{
        background: #fff;
        border-radius: 10px;
        padding: 2em 0.5em!important;
        position: relative!important;
    }
    .top-info-midashi{
        font-size: 1.5em!important;
        font-weight: 700!important;
        color: #7c3f2d!important;;
        padding-top: 1em!important;
    }
}
.top-info-icon {
    position: absolute;
    width: 30%;
    top: -4em;
    left: 50%;
    transform: translateX(-50%);
}

@media screen and (min-width: 600px){
.footer-logo img {
    width: 70%;
    float: left !important;
}
    a.footer-tel-link{
        pointer-events: none;
    }
}

@media screen and (min-width: 600px){
h2.is-style-section_ttl.s4h2 {
    font-size: 2em!important;
    background-image: linear-gradient(to right, #7C3F2D 0%, #7C3F2D 30%, #f2f2f2 30%, #f2f2f2 100%);
  background-size: 100% 3px; /* 太さ */
  background-repeat: no-repeat;
  background-position: bottom;
  text-align: left;
        padding-bottom: 0.3em;
    margin-bottom: 0.5em!important;
    padding-left: 0.5em!important;
}
}
@media screen and (max-width: 599px){
h2.is-style-section_ttl.s4h2 {
    font-size: 1.8em!important;
    background-image: linear-gradient(to right, #7C3F2D 0%, #7C3F2D 40%, #f2f2f2 40%, #f2f2f2 100%);
  background-size: 100% 3px; /* 太さ */
  background-repeat: no-repeat;
  background-position: bottom;
  text-align: left;
        padding-bottom: 0.3em;
    margin-bottom: 0.5em!important;
    padding-left: 0.5em!important;
}
}
.post_content h2.is-style-section_ttl.s4h2::after{
content:none;
}

.page-id-234 h1.c-pageTitle,.page-id-308 h1.c-pageTitle,.page-id-327 h1.c-pageTitle,.page-id-330 h1.c-pageTitle{
    display:none;
}

@media screen and (min-width: 600px){
.page-id-234 .l-mainContent__inner>.post_content,.page-id-308 .l-mainContent__inner>.post_content,.page-id-327 .l-mainContent__inner>.post_content,.page-id-330 .l-mainContent__inner>.post_content {
    margin-top: -1em!important;
}
}
@media screen and (max-width: 599px){
.page-id-234 .l-mainContent__inner>.post_content,.page-id-308 .l-mainContent__inner>.post_content,.page-id-327 .l-mainContent__inner>.post_content,.page-id-330 .l-mainContent__inner>.post_content {
    margin-top: 1em!important;
}
}

@media screen and (min-width: 600px){
.company-table table th{
    width: 30%!important;
} 
}

@media screen and (min-width: 600px){
.daihyo-box{
    background: #F8EEEC;
    padding: 2em!important;
}
}
@media screen and (max-width: 599px){
    .daihyo-box{
    background: #F8EEEC;
    padding: 2em 1em!important;
}
}


/*------------------------------contact form 7 ここから------------------------------*/
/*ContactForm7カスタマイズ*/
table.CF7_table{
	width:100%;
	margin:0 auto;
	border: 3px solid #e5e5e5;
}

table.CF7_table tr{
	border-top: 1px solid #e5e5e5;
}

.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
	display:table;
}

/*入力欄*/
.CF7_table input, .CF7_table textarea {
	border: 1px solid #d8d8d8;
    max-width: 100%!important;
    background-color: #fff;
}

.CF7_table ::placeholder {
	color:#797979;
}
.CF7_chuigaki{
   color:#797979;
   font-size: 0.8em; 
}
.CF7_chuigaki-red{
   color:#ff0000;
   font-size: 0.8em; 
}

/*「必須」文字*/
.CF7_req{
	font-size:.9em;
	padding: 5px;
	background: #E44141;
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/*「任意」文字*/
.CF7_unreq{
	font-size:.9em;
	padding: 5px;
	background: #3D79D5;
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

.wpcf7-list-item{
    display: block!important;
}
span.wpcf7-list-item {
    margin-bottom: 1rem !important;
}

/* タイトル列 */
@media screen and (min-width: 768px){
	.CF7_table th{
	width:30%;/*横幅*/
	background-color:#F8EEEC;
	}
    .CF7_table td{
        background-color: #fff;
    }
    input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
}
}

/* レスポンシブ */
@media screen and (max-width: 768px){
    table.CF7_table{
	width: 100%;
    display: flex;
	}
    table.CF7_table tbody{
        width: 100%;
    }
	.CF7_table tr, .CF7_table td, .CF7_table th{
	display: block;
	width: 100%;
	line-height:2.5em;
    max-width: 100%!important;
	}
	.CF7_table th{
	background-color:#f7f7f7;
	}
    .CF7_table td{
        background-color: #fff;
    }
}

/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
    background-color:#7c3f2d;
	border:0;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	margin:0 auto;
}

.CF7_btn{
	text-align:center;
	margin-top:20px;
}

.wpcf7-spinner{
	width:0;
	margin:0;
}

/*年齢の入力欄の幅を小さく*/
input.wpcf7-form-control.wpcf7-text[name="years"] {
    width: 30%;
}
/*------------------------------contact form 7 ここまで------------------------------*/


/**リストに()カッコを付ける ここから**/
.parenthesized-list {
  list-style: none; /* デフォルトの数字を消す */
  counter-reset: item; /* カウンターを初期化 */
  padding-left: 0; /* 必要に応じてインデントを調整 */
}

.parenthesized-list li {
  counter-increment: item; /* リスト項目ごとにカウントを進める */
  margin-bottom: 0.5rem;
}

.parenthesized-list li::before {
  content: "(" counter(item) ") "; /* 括弧とカウンターの値を出力 */
  /* font-weight: bold; 必要に応じてスタイルを追加 */
}

li.no-list::marker{
    content: none;
}
/**リストに()カッコを付ける ここまで**/


.footer-link a{
font-size: 0.8rem;
}
.footer-link a:hover{
    opacity: 0.8;
}


.category small.c-pageTitle__subTitle, .tag small.c-pageTitle__subTitle{
    display: none;
}
/*****物件情報以外のカテゴリーで抜粋を非表示 ここから*****/
.category-home-services .p-postList__excerpt, .category-seminar .p-postList__excerpt, .category-news .p-postList__excerpt, .category-knowledge .p-postList__excerpt, .category-real-estate-auction-information .p-postList__excerpt{
    display: none;
}
/*****物件情報以外のカテゴリーで抜粋を非表示 ここまで*****/