@charset "UTF-8";
/* =================
売却 サポート
================= */

/* 汎用 */
.sellSupport .hide {
display: none;
}

.sellSupport .contentsArea img {
width: 100%;
}

.sellSupport .supplement {
font-size: 12px;
}

.sellSupport .isPC {

}

.sellSupport .isSP {
display: none;
}


/* メインエリア */
.sellSupport .mainVisual {
background: url(../img/baikyaku_support/bg_mainvisual.jpg?201906) center 0 no-repeat;
background-size: cover;
height: 450px;
position: relative;
}

.sellSupport .mainVisual .mainVisualInnerWrap {

}

.sellSupport .mainVisual .mainVisualTitle {
position: absolute;
width: calc(1042px / 2);
top: 180px;
left: calc(50% - 260px);
}

.sellSupport .contentsArea {
}

.sellSupport .contentsArea .contactBtnArea {
font-size: 24px;
text-align: center;
margin: 60px 0;
}

.sellSupport .contentsArea .contactBtnArea p {
margin-bottom: 30px;
}

.sellSupport .contentsArea .contactBtnArea a {
display: block;
width: 100%;
max-width: 650px;
margin: 0 auto;
}

/* Add 20210802 */
.sellSupport .contentsArea .contactBtnArea a.mscp2021 {
display: block;
width: 100%;
max-width: 950px;
margin: 0 auto;
}
.sellSupport .contentsArea .contactBtnArea a.mscp2021 .pcBtn { display: block;}
.sellSupport .contentsArea .contactBtnArea a.mscp2021 .spBtn { display: none;}
@media only screen and (max-width: 700px) {
.sellSupport .contentsArea .contactBtnArea a.mscp2021 .pcBtn { display: none;}
.sellSupport .contentsArea .contactBtnArea a.mscp2021 .spBtn { display: block;}
}
/* //Add 20210802 */

.sellSupport .contentsArea .lead {
font-size: 18px;
line-height: 2.0;
text-align: center;
margin: 50px 0;
}

.sellSupport .contentsArea .ttlBelt01,
.sellSupport .contentsArea .ttlBelt02{
background: #626262;
text-align: center;
color: #fff;
font-size: 24px;
line-height: 1.0;
margin-bottom: 65px;
padding: 20px 0;
position: relative;
}

.sellSupport .contentsArea .ttlBelt01::after {
position: absolute;
content: "";
bottom: -19px;
left: calc(50% - 12px);
border-top: 19px #626262 solid;
border-right: 12px solid transparent;
border-left: 12px solid transparent;
}

.sellSupport .contentsArea .paragraph,
.sellSupport .contentsArea .clmOne{
width: 100%;
max-width: 950px;
margin: 0 auto;
}

.sellSupport .contentsArea .clmOne.smlImg {
max-width: 430px;
}

.sellSupport .contentsArea .clmTwoFlex,
.sellSupport .contentsArea .clmThreeFlex {
width: 100%;
max-width: 950px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}

.sellSupport .contentsArea .clmTwoFlex .clmBox,
.sellSupport .contentsArea .clmThreeFlex .clmBox {
background: #fff;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
padding: 25px 0;
}

.sellSupport .contentsArea .clmTwoFlex .clmBox {
width: calc(450 / 950 * 100%);
}

.sellSupport .contentsArea .clmTwoFlex .clmBox p {
width: calc(380 / 450 * 100%);
max-width: 380px;
margin: 0 auto;
}

.sellSupport .contentsArea .clmThreeFlex .clmBox {
width: calc(300 / 950 * 100%);
}

.sellSupport .contentsArea .clmThreeFlex .clmBox p {
width: calc(245 / 300 * 100%);
max-width: 245px;
margin: 0 auto;
}

.sellSupport .contentsArea .tabContentsWrap {

}

.sellSupport .contentsArea .tabArea {
width: 100%;
max-width: 1280px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}

.sellSupport .contentsArea .tabArea li {
width: 50%;
}

.sellSupport .contentsArea .tabArea li .tabInner {
position: relative;
width: 100%;
padding-top: 51.875%;
}

.sellSupport .contentsArea .tabArea li .tabInner span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: 0 0;
background-size: cover;
text-indent: -9999px;
overflow: hidden;
cursor: pointer;
}

.sellSupport .contentsArea .tabArea li .tabInner span:hover {
opacity: 0.7;
}

.sellSupport .contentsArea .tabArea .tabSs .tabInner span {
background-image: url(../img/baikyaku_support/tab_ss.jpg);
}

.sellSupport .contentsArea .tabArea .tabSs.select .tabInner span {
background-image: url(../img/baikyaku_support/tab_ss_cu.jpg);
}

.sellSupport .contentsArea .tabArea .tabDb .tabInner span {
background-image: url(../img/baikyaku_support/tab_db.jpg);
}

.sellSupport .contentsArea .tabArea .tabDb.select .tabInner span {
background-image: url(../img/baikyaku_support/tab_db_cu.jpg);
}

.sellSupport .contentsArea .sectionInner {
padding: 0;
}

/* 戸建 */
.sellSupport .contentsArea .sumstockHead {

}

.sellSupport .contentsArea .sumstockHead .sumstockHeadInner {
background: url(../img/baikyaku_support/bg_ss_head.jpg) center bottom no-repeat;
background-size: contain;
padding: 70px 0;
text-align: center;
}

.sellSupport .contentsArea .sumstockHead h2 {
width: calc(562 / 950 * 100%);
max-width: 562px;
margin: 0 auto 30px;
}

.sellSupport .contentsArea .sumstockHead .logo {
width: 157px;
margin: 0 auto 30px;
}

.sellSupport .contentsArea .sumstockHead p {
font-size: 18px;
line-height: 1.8;
}

.sellSupport .contentsArea .ssBlock .clmTwoFlex .clmBox .clmTtl {
width: calc(300 / 450 * 100%);
max-width: 300px;
margin: 0 auto 20px;
}

.sellSupport .contentsArea .ssBlock .clmThreeFlex .clmBox .clmTtl {
width: calc(250 / 300 * 100%);
max-width: 250px;
margin: 0 auto 20px;
}

.sellSupport .contentsArea .ssBlock .clmThreeFlex .clmBox figure {
width: calc(248 / 300 * 100%);
max-width: 248px;
margin: 0 auto 20px;
}

.sellSupport .contentsArea .sumstock01,
.sellSupport .contentsArea .sumstock02,
.sellSupport .contentsArea .sumstock03,
.sellSupport .contentsArea .sumstockService,
.sellSupport .contentsArea .sumstockVoice {
padding: 0 0 65px;
font-size: 16px;
}

.sellSupport .contentsArea .sumstock01,
.sellSupport .contentsArea .sumstock03 {
background: #ecf5f7;
}

.sellSupport .contentsArea .sumstock01 .ttlImg,
.sellSupport .contentsArea .sumstock02 .ttlImg,
.sellSupport .contentsArea .sumstock03 .ttlImg {
width: calc(591 / 950 * 100%);
max-width: 591px;
margin: 0 auto 30px;
}

.sellSupport .contentsArea .sumstock01 .point {
background: url(../img/baikyaku_support/icon_arrow.png) center 0 no-repeat;
text-align: center;
font-size: 30px;
font-weight: bold;
color: #e75404;
margin: 50px 0 25px;
padding-top: 70px;
}

.sellSupport .contentsArea .sumstock01 .point sup {
font-size: 15px;
}

.sellSupport .contentsArea .sumstock01 .supplement {
text-align: center;
}

.sellSupport .contentsArea .sumstock02 h4 {
font-size: 24px;
font-weight: bold;
margin: 50px 0 30px;
text-align: center;
}

.sellSupport .contentsArea .sumstock02 .lead {
margin: 30px 0;
}

.sellSupport .contentsArea .sumstock03 .clmOne {
margin-top: 35px;
margin-bottom: 10px;
}

.sellSupport .contentsArea .sumstockService h3 {
font-size: 24px;
font-weight: bold;
margin: 70px 0 30px;
text-align: center;
}

.sellSupport .contentsArea .sumstockService .clmBox .supplement {
margin-top: 20px;
}

.sellSupport .contentsArea .sumstockVoice {
background: url(../img/baikyaku_support/bg_voice.png) 0 0;
padding: 65px 0;
}

.sellSupport .contentsArea .sumstockVoice .ttlImg {
width: calc(266 / 950 * 100%);
max-width: 266px;
margin: 0 auto 30px;
}

.sellSupport .contentsArea .sumstockVoice .txtImg {
width: 100%;
max-width: 950px;
margin: 0 auto;
}

.sellSupport .contentsArea .sumstockVoice .txtImg .txtBlock {
float: left;
width: calc(650 / 950 * 100%);
max-width: 650px;
}

.sellSupport .contentsArea .sumstockVoice .txtImg .bgFamily3 {
background: url(../img/baikyaku_support/bg_ss_voice_f3.png) 0 0 no-repeat;
font-size: 26px;
min-height: 150px;
padding: 40px 0 0 165px;
box-sizing: border-box;
}

.sellSupport .contentsArea .sumstockVoice .txtImg .bgFamily3 span {
font-size: 16px;
display: block;
margin-top: 20px;
}

.sellSupport .contentsArea .sumstockVoice .txtImg p {
margin-top: 20px;
}

.sellSupport .contentsArea .sumstockVoice .txtImg figure {
float: right;
width: calc(260 / 950 * 100%);
max-width: 260px;
}


/* マンション */
.sellSupport .contentsArea .dsbridgeHead {

}

.sellSupport .contentsArea .dsbridgeHead .dsbridgeHeadInner {
background: url(../img/baikyaku_support/bg_db_head.jpg) center bottom no-repeat;
background-size: contain;
padding: 70px 0;
text-align: center;
}

.sellSupport .contentsArea .dsbridgeHead h2 {
width: calc(559 / 950 * 100%);
max-width: 559px;
margin: 0 auto 30px;
}

.sellSupport .contentsArea .dsbridgeHead .logo {
width: 111px;
margin: 0 auto 30px;
}

.sellSupport .contentsArea .dsbridgeHead p {
font-size: 18px;
line-height: 1.8;
}

.sellSupport .contentsArea .dsbridgeHead .terms {
width: 100%;
max-width: 650px;
background: #fff;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
padding: 30px;
margin: 50px auto 0;
text-align: left;
}

.sellSupport .contentsArea .dsbridgeHead .terms h3 {
text-align: center;
font-size: 20px;
margin-bottom: 5px;
}

.sellSupport .contentsArea .dsbridgeHead .terms h4 {
display: inline-block;
font-size: 12px;
border: 1px solid #000;
padding: 5px;
margin-bottom: 5px;
}

.sellSupport .contentsArea .dsbridgeHead .terms li {
font-size: 16px;
margin-bottom: 15px;
line-height: 1.4;
}

.sellSupport .contentsArea .dsbridgeHead .terms li:last-child {
margin-bottom: 0;
}

.sellSupport .contentsArea .dbBlock .clmTwoFlex .clmBox .clmTtl {
width: calc(235 / 450 * 100%);
max-width: 235px;
margin: 0 auto 20px;
}

.sellSupport .contentsArea .dbBlock .clmTwoFlex .clmBox figure {
width: calc(380 / 450 * 100%);
max-width: 380px;
margin: 20px auto 0;
}

.sellSupport .contentsArea .dsbridge01,
.sellSupport .contentsArea .dsbridge02,
.sellSupport .contentsArea .dsbridgeVoice {
padding: 0 0 65px;
font-size: 16px;
}

.sellSupport .contentsArea .dsbridge01 {
background: #ecf5f7;
}

.sellSupport .contentsArea .dsbridge01 .ttlImg,
.sellSupport .contentsArea .dsbridge02 .ttlImg {
width: calc(760 / 950 * 100%);
max-width: 760px;
margin: 0 auto 30px;
}

.sellSupport .contentsArea .dsbridge01 .point {
background: #fff;
border: 1px solid #ffe8d5;
text-align: center;
font-size: 20px;
width: 100%;
max-width: 950px;
margin: 30px auto 15px;
padding: 10px;
}

.sellSupport .contentsArea .dsbridge01 .point span {
color: #e75404;
}

.sellSupport .contentsArea .dsbridge01 .dFile {
width: 100%;
max-width: 950px;
background: #fff;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
padding: 30px 35px 10px;
margin: 40px auto 0;
}

.sellSupport .contentsArea .dsbridge01 .dFile .ttlImgSml {
width: calc(345 / 880 * 100%);
max-width: 345px;
margin: 0 auto 15px;

}

.sellSupport .contentsArea .dsbridge01 .dFile figure {
float: left;
width: calc(210 / 880 * 100%);
max-width: 210px;
}

.sellSupport .contentsArea .dsbridge01 .dFile p {
float: right;
width: calc(640 / 880 * 100%);
max-width: 640px;
line-height: 1.8;
padding-top: 10px;
}

.sellSupport .contentsArea .dsbridge02 h5 {
font-size: 24px;
font-weight: bold;
margin: 50px 0 30px;
text-align: center;
}

.sellSupport .contentsArea .dsbridge02 .facility {
width: 100%;
max-width: 950px;
margin: 0 auto;
border-top: 1px solid #a0a0a0;
border-left: 1px solid #a0a0a0;
border-collapse: collapse;
line-height: 1.2;
}

.sellSupport .contentsArea .dsbridge02 .facility th {
background: #eeeeee;
border-right: 1px solid #a0a0a0;
border-bottom: 1px solid #a0a0a0;
padding: 16px;
font-weight: normal;
text-align: center;
vertical-align: middle;
}

.sellSupport .contentsArea .dsbridge02 .facility td {
border-right: 1px solid #a0a0a0;
border-bottom: 1px solid #a0a0a0;
box-sizing: border-box;
vertical-align: middle;
padding: 16px;
}

.sellSupport .contentsArea .dsbridge02 .facility td.tdHead{
background: #ffe8d5;
width: calc(275 / 950 * 100%);
max-width: 275px;
text-align: center;
}

.sellSupport .contentsArea .dsbridge02 .supLarge {
font-size: 16px;
font-weight: bold;
margin-top: 15px;
margin-bottom: 15px;
}

.sellSupport .contentsArea .dsbridge02 .clmTwoFlex {
margin-top: 50px;
}

.sellSupport .contentsArea .dsbridgeVoice {
background: url(../img/baikyaku_support/bg_voice.png) 0 0;
padding: 65px 0;
}

.sellSupport .contentsArea .dsbridgeVoice .ttlImg {
width: calc(266 / 950 * 100%);
max-width: 266px;
margin: 0 auto 30px;
}

.sellSupport .contentsArea .dsbridgeVoice .txtOnly {
width: 100%;
max-width: 950px;
margin: 0 auto;
}

.sellSupport .contentsArea .dsbridgeVoice .txtOnly .bgFamily2 {
background: url(../img/baikyaku_support/bg_db_voice_f2.png) 0 0 no-repeat;
font-size: 26px;
min-height: 150px;
padding: 40px 0 0 165px;
box-sizing: border-box;
}

.sellSupport .contentsArea .dsbridgeVoice .txtOnly .bgFamily2 span {
font-size: 16px;
display: block;
margin-top: 20px;
}

.sellSupport .contentsArea .dsbridgeVoice .txtOnly p {
margin-top: 20px;
}


@media only screen and (max-width: 1014px) {

    .sellSupport .contentsArea .contactBtnArea {
    padding: 0 20px;
    }

    .sellSupport .contentsArea .lead {
    padding: 0 20px;
    }
    
    .sellSupport .contentsArea .sumstock02 .lead,
    .sellSupport .contentsArea .sumstock03 .lead,
    .sellSupport .contentsArea .dsbridge02 .lead {
    padding: 0;
    }

    .sellSupport .contentsArea .ttlBelt {
    padding: 20px;
    }
    
    .sellSupport .contentsArea .sectionInner {
    padding: 0 20px;
    }

    .sellSupport .contentsArea .sumstockHead .sumstockHeadInner {
    padding: 70px 20px;
    }

    .sellSupport .contentsArea .dsbridgeHead .dsbridgeHeadInner {
    padding: 70px 20px;
    }
}

@media only screen and (max-width: 700px) {

    .sellSupport .isPC {
    display: none;
    }

    .sellSupport .isSP {
    display: block;
    }

    /* メインエリア */
    .sellSupport .mainVisual {
    height: auto;
    }
    
    .sellSupport .mainVisual .mainVisualInnerWrap {
    display: none;
    }

    .sellSupport .contentsArea .contactBtnArea {
    font-size: 20px;
    }

    .sellSupport .contentsArea .lead {
    font-size: 16px;
    text-align: left;
    }

    .sellSupport .contentsArea .ttlBelt {
    font-size: 22px;
    }

    .sellSupport .contentsArea .clmTwoFlex,
    .sellSupport .contentsArea .clmThreeFlex {
    flex-wrap: wrap;
    }

    .sellSupport .contentsArea .clmTwoFlex .clmBox,
    .sellSupport .contentsArea .clmThreeFlex .clmBox {
    width: 100%;
    margin-bottom: 20px;
    }
    
    .sellSupport .contentsArea .clmTwoFlex .clmBox p,
    .sellSupport .contentsArea .clmThreeFlex .clmBox p {
    width: calc(100% - 40px);
    max-width: none;
    }

    .sellSupport .contentsArea .sumstockHead h2,
    .sellSupport .contentsArea .dsbridgeHead h2 {
    width: 100%;
    }

    .sellSupport .contentsArea .sumstockHead p,
    .sellSupport .contentsArea .dsbridgeHead p {
    font-size: 16px;
    text-align: left;
    }

    .sellSupport .contentsArea .ssBlock .clmTwoFlex .clmBox .clmTtl,
    .sellSupport .contentsArea .dbBlock .clmTwoFlex .clmBox .clmTtl {
    width: 100%;
    }

    .sellSupport .contentsArea .ssBlock .clmThreeFlex .clmBox .clmTtl,
    .sellSupport .contentsArea .dbBlock .clmThreeFlex .clmBox .clmTtl {
    width: 100%;
    }

    .sellSupport .contentsArea .sumstock01 .ttlImg,
    .sellSupport .contentsArea .sumstock02 .ttlImg,
    .sellSupport .contentsArea .sumstock03 .ttlImg {
    width: 100%;
    }

    .sellSupport .contentsArea .sumstock01 .point {
    text-align: left;
    font-size: 26px;
    margin: 25px 0 15px;
    padding-top: 60px;    
    }

    .sellSupport .contentsArea .sumstock01 .supplement {
    text-align: left;
    }

    .sellSupport .contentsArea .sumstock02 h4 {
    font-size: 22px;
    }

    .sellSupport .contentsArea .sumstockService h3 {
    font-size: 22px;
    }

    .sellSupport .contentsArea .sumstockVoice .ttlImg,
    .sellSupport .contentsArea .dsbridgeVoice .ttlImg {
    width: 100%;
    }

    .sellSupport .contentsArea .sumstockVoice .txtImg .txtBlock {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    }

    .sellSupport .contentsArea .sumstockVoice .txtImg .bgFamily3 {
    background-size: 100px;
    background-position: center 0;
    font-size: 22px;
    min-height: 80px;
    padding: 95px 0 0;
    }

    .sellSupport .contentsArea .sumstockVoice .txtImg figure {
    float: none;
    width: 100%;
    margin: 0 auto;
    }

    .sellSupport .contentsArea .dsbridgeHead .terms {
    padding: 15px;
    }

    .sellSupport .contentsArea .dsbridgeHead .terms h3 {
    font-size: 18px;
    margin-bottom: 15px;
    }

    .sellSupport .contentsArea .dsbridgeHead .terms li {
    font-size: 14px;
    }

    .sellSupport .contentsArea .dsbridge01 .ttlImg,
    .sellSupport .contentsArea .dsbridge02 .ttlImg {
    width: 100%;
    }

    .sellSupport .contentsArea .dsbridge01 .point {
    text-align: left;
    font-size: 18px;
    }

    .sellSupport .contentsArea .dsbridge01 .dFile {
    padding: 20px 15px;
    }

    .sellSupport .contentsArea .dsbridge01 .dFile .ttlImgSml {
    width: 100%;
    margin-bottom: 20px;
    }

    .sellSupport .contentsArea .dsbridge01 .dFile figure {
    float: none;
    width: 100%;
    margin: 0 auto 10px;
    }

    .sellSupport .contentsArea .dsbridge01 .dFile p {
    float: none;
    width: 100%;
    }

    .sellSupport .contentsArea .dsbridgeVoice .txtOnly .bgFamily2 {
    background-size: 100px;
    background-position: center 0;
    font-size: 22px;
    min-height: 80px;
    padding: 95px 0 0;
    }
}