@charset "UTF-8";

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



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



/*
-----------------------------------------
不動産購入の流れ(678)
-----------------------------------------
*/

#pt0{
padding-top:0!important;
}
#pb0{
padding-bottom:0!important;
}

#purchase01 {
width:1040px;
margin: 30px auto;
}

#purchase01 .sub_ttl01,#purchase01 .sub_ttl02,
#purchase01 .sub_ttl03,#purchase01 .sub_ttl04,
#purchase01 .sub_ttl05,#purchase01 .sub_ttl06,
#purchase01 .sub_ttl07,#purchase01 .sub_ttl08
{
    color: #00293C;
    font-size:2rem;
    display: block;
    font-weight: bold;
    margin: 30px auto;
    background: #FFF;
    border: solid 1px #00293C;
    padding: 30px 0px 30px 82px;
    text-align:left;
    position: relative;
}
#purchase01 .sub_ttl01:before{
    content: "";
    position: absolute;
    background: url(/m/cmn_files/img_rwd/nagare/01.svg);
    background-repeat: no-repeat;
    width: 50px;
    height: 55px;
    left: 15px;
    top: 15px;
}
#purchase01 .sub_ttl02::before{
    content: "";
    position: absolute;
    background: url(/m/cmn_files/img_rwd/nagare/02.svg);
    background-repeat: no-repeat;
    width: 50px;
    height: 55px;
    left: 15px;
    top: 15px;
}
#purchase01 .sub_ttl03::before{
    content: "";
    position: absolute;
    background: url(/m/cmn_files/img_rwd/nagare/03.svg);
    background-repeat: no-repeat;
    width: 50px;
    height: 55px;
    left: 15px;
    top: 15px;
}
#purchase01 .sub_ttl04:before{
    content: "";
    position: absolute;
    background: url(/m/cmn_files/img_rwd/nagare/04.svg);
    background-repeat: no-repeat;
    width: 50px;
    height: 55px;
    left: 15px;
    top: 15px;
}
#purchase01 .sub_ttl05:before{
    content: "";
    position: absolute;
    background: url(/m/cmn_files/img_rwd/nagare/05.svg);
    background-repeat: no-repeat;
    width: 50px;
    height: 55px;
    left: 15px;
    top: 15px;
}
#purchase01 .sub_ttl06:before{
    content: "";
    position: absolute;
    background: url(/m/cmn_files/img_rwd/nagare/06.svg);
    background-repeat: no-repeat;
    width: 50px;
    height: 55px;
    left: 15px;
    top: 15px;
}
#purchase01 .sub_ttl07:before{
    content: "";
    position: absolute;
    background: url(/m/cmn_files/img_rwd/nagare/07.svg);
    background-repeat: no-repeat;
    width: 50px;
    height: 55px;
    left: 15px;
    top: 15px;
}
#purchase01 .sub_ttl08:before{
    content: "";
    position: absolute;
    background: url(/m/cmn_files/img_rwd/nagare/08.svg);
    background-repeat: no-repeat;
    width: 50px;
    height: 55px;
    left: 15px;
    top: 15px;
}

#purchase01 .purchase01_guide_ttl {
    font-weight: bold;
    font-size: 1.8rem;
}
#purchase01 .wrap {
display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-left: double 4px #00293C;
    padding: 50px;
    margin-left: 30px;
}
#purchase01 .img_wrap {
width: 45%;
}
#purchase01 .txt_wrap {
    width: 50%;
    padding-left: 30px;
    font-size: 1.3rem;
    position: relative;
    bottom: 0;
    margin: auto 0 0;
    line-height: 30px;
}
#purchase01 .txt_only_wrap {
    width: 100%;
    font-size: 1.3rem;
    position: relative;
    bottom: 0;
    margin: auto 0 0;
    line-height: 30px;
}
#purchase01 .nomalUl {
    list-style: disc;
    margin: 1em 0;
    padding-left: 40px;
}

table#flow4Compare {
    width: 100%;
    margin: 0 0 5px 0;
    padding: 0;
    border-top-style: solid;
    border-top-color: #999999;
    border-top-width: 1px;
    border-left-style: solid;
    border-left-color: #999999;
    border-left-width: 1px;
    border-collapse: collapse;
    color: #333333;
}

table#flow4Compare th {
    margin: 0;
    padding: 5px 3px;
    border-right-style: solid;
    border-right-color: #999999;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
    border-bottom-width: 1px;
    background-color: #F5F5F5;
}
table#flow4Compare td {
    margin: 0;
    padding: 5px 3px;
    border-right-style: solid;
    border-right-color: #999999;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
    border-bottom-width: 1px;
}
.YellowArea{
padding: 4px 0 0 20px;
}
dl.YellowArea {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 20px;
    background: #f0f0f0;
}
ol.nomalOl li {
    list-style-type: decimal;
    margin-left: 25px;
    margin-bottom: 15px;
}
@media screen and (max-width: 768px){
#purchase01 {
width:100%;
}
#purchase01 .wrap {
    display: block;
    padding: 10px;
}
#purchase01 .img_wrap {
width:100%;
}
#purchase01 .txt_wrap {
width:100%;
padding-left:0;
}
#purchase01 p{
padding: 10px 0;
}

}

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