@charset "UTF-8";

/*
-----------------------------------------
共通メニュー(444)
-----------------------------------------
*/



/*
-----------------------------------------
ぱんくずリスト(452)
-----------------------------------------
*/



/*
-----------------------------------------
住居支援21(523)
-----------------------------------------
*/

#smile21{
width: 1040px;
margin: 0 auto;
text-align:center;
}
#smile21 .PC{
display:unset;
}
#smile21 .SP{
display:none;
}
#smile21 span{
display:block;
margin:80px 0 30px;
}
#smile21 p{
display:block;
margin-bottom:50px;
line-height: 25px;
}
#smile21 .kome{
font-size:10px;
margin-top:-30px;
}

#smile21 h2.title-point {
    color: #000;
    font-size: 1.3em;
    position: relative;
    display: inline-block;
    margin: 50px 0 100px 0;
    width: 100%;
    text-align: center;
}

#smile21 h2.title-point:before {
    content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 60px;
    height: 3px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: black;
}

#smile21 .table {
    width: 800px;
    margin: 0 auto;
border: solid #e68a1b;
}
#smile21 .head1{
width:30%;
    height: 60px;
    vertical-align: middle;
    background: #e68a1b;
    color: #FFF; f2f2f2
}
#smile21 .content1{
    vertical-align: middle;
    background: #faf4eb;
text-align:left;
padding: 10px 60px;
line-height:30px;
}

#smile21 .head2{
    height: 60px;
    vertical-align: middle;
    background: #e68a1bcc;
    color: #FFF;
}
#smile21 .content2{
    vertical-align: middle;
    background: #fbfbfb;
text-align:left;
padding: 10px 60px;
}
#smile21 .content3{
    vertical-align: middle;
    background:  #faf4eb;
text-align:center;
padding: 10px 60px;
}
#smile21 b{
font-weight:bold;
font-size:20px;
color:#e68a1b;
}
#smile21 .plus{
margin:12px 0 10px;
}

#smile21 .form {
    background-color: #dabe7f;
    height: 70px;
    width: 700px;
    margin: 50px auto;
    line-height: 70px;
}
#smile21 .form a {
color:#FFF;
display:block;
}


@media only screen and (max-width: 768px) {
#smile21{
width: 100%;
    padding: 0 10px;
}
#smile21 .table {
    width: 100%;
}
#smile21 .form {
    width: 100%;
}
#smile21 .PC{
display:none;
}
#smile21 .SP{
display:unset;
}

}


/*
-----------------------------------------
フッター(435)
-----------------------------------------
*/