@charset "Shift_JIS";

h3{
    font-size: 22px;
    color: #333;
    text-align: center;
}




.box1{
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 3px #cc0000;
   background: #ffebe9;
}
.box1 p{
    margin: 0; 
    padding: 0;
    font-size: 15px;
    text-align: center;
    color: #cc0000;
}

.box1 span, font_test{
    text-decoration: underline;
    color: #cc0000;
}

.sns{
 margin: 40px 5px 30px 5px;
 text-align: center;
}


/*物件検索ボタン*/
.button-060{
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 105px;
    height:50px;
    margin:auto 3px;
    padding: .8em 1em;
    border: none;
    background-color: #00025b;
    color: #fff;
    font-weight: 600;
    font-size: 3vw;
    font-family : Yu Gothic,游ゴシチE��,YuGothic,游ゴシチE��佁E
}

.button-060:hover{
    background-color: #00004b;
}

.button-060::before {
    width: 1em;
    height: 1em;
    margin-right: 10px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M23.7%2020.8%2019%2016.1c-.2-.2-.5-.3-.8-.3h-.8c1.3-1.7%202.1-3.7%202.1-6%200-5.4-4.4-9.7-9.7-9.7S0%204.4%200%209.8s4.4%209.7%209.7%209.7c2.3%200%204.3-.8%206-2.1v.8c0%20.3.1.6.3.8l4.7%204.7c.4.4%201.2.4%201.6%200l1.3-1.3c.5-.5.5-1.2.1-1.6zm-14-5c-3.3%200-6-2.7-6-6s2.7-6%206-6%206%202.7%206%206-2.6%206-6%206z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
    content: '';
}





.flex{
  padding: 0px 0 20px 0;
  display:flex;
  justify-content:center;
}

.bukkenflex{
  padding: 0px 0 20px 0;
  display:flex;
  justify-content:center;
}



.bukkenflex img{
  margin: 0 5px;
}

.bukkenflex2{
  padding: 0px 0 20px 0;
  display:flex;
  justify-content:center;
}


/*h3チE��イン*/
.heading-7 {
    display: inline-block;
    position: relative;
    color: #333;
    left:40%;

}

.heading-7:before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background-color: #6b6b6b;
    margin: 0 0 20px 0;
}



.box2-6{
	padding:2em;
	background: none;
	border:1px solid #ccc ;
	position: relative;
       margin: 0 15px 30px 10px;
}

.box2-6:after{
	background-color:#eee;
	border:none;
	content: '';
	position: absolute;
	top: 7px;
	left: 7px;
	width: 100%;
	height: 100%;
	z-index: -1;
}






.bukkeninfo{
 list-style: none;
	max-width: 1366px;
	margin: 0 auto 10px auto;
}

.bukkeninfo li{
    Display: inline-block;
    margin: 0px 10px 0px 0px ;
    font-size : 16px;
}

.bukkeninfo li a{
   color: #4d5564;
}


/*�������J�[�h�f�U�C��*/
    .card3{
        max-width: 400px;
        margin: 20px;
        border-radius: 5px;
        background-color: #fff;
        box-shadow: 0 3px 6px #ccc;
    }
    .box3 {
        display: flex;
    }
    .image3{
        width: 110px;
        height: auto;
        object-fit: cover;
        border-radius: 5px 0 0 5px;
    }
    .title3{
        font-size: 14px;
        margin: 10px 10px 0px 10px;
        color: #444;
        font-weight: bold;
    }
    .content3{
        padding: 0px 10px;
        color: #666;
        font-size: 13px;
    }




/*�������J�[�h2*/

    .card1 {
        width: 125px;
        margin: 5px 10px;
        border-radius: 5px;
        background-color: #fff;
        box-shadow: 0 3px 6px #ccc;
    }
    .image1 {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 5px 5px 0 0;
    }
    .title1 {
        font-size: 13px;
        margin: 5px 5px 0px 5px;
        color: #444;
        font-weight: bold;
    }
    .content1 {
        padding: 0px 5px;
        color: #666;
        font-size: 13px;
    }