@charset "utf-8";

:root {
    /* line-height（PC） */
    --pcLineHeight18_167: 1.67;
    --pcLineHeight20_15: 1.5;
    /* letter-spacing（PC） */
    --pcLetterSpacing18_150: 0.15em;
    --pcLetterSpacing28_100: 0.1em;
    --pcLetterSpacing28_300: 0.3em;
    --pcLetterSpacing30_200: 0.2rem;
    --pcLetterSpacing40_50: 0.05em;
    --pcLetterSpacing40_100: 0.1em;
    --pcLetterSpacing40_150: 0.15em;

    /* フォントサイズ（SP）*/

    /* line-height（SP） */
    --spLineHeight12_200: 2;
    --spLineHeight13_200: 2;
    --spLineHeight20_130: 1.3;
    /* letter-spacing（SP） */
    --spLetterSpacing30_50: 0.05em;
    /* box-shadow */
}
/* #gNav .boxWrap {
    padding: 0 0 0 44rem;
}
#gNav{
    background-color: var(--bgColor);
} */
#container {
    margin: 4rem auto;
}

/* common削除記述 */
.cmnPageTit.hasDots::after {
    display: none;
}

.cmnPageTit .pageTit::before {
    content: "";
    background: linear-gradient(to bottom, var(--blueColor) 0%, var(--blueColor) 50%, var(--blueColor33) 51%, var(--blueColor33) 100%);
    width: 0.5rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@media only screen and (max-width:1215px) {
    .cmnPageTit .pageTit::before {
        width: 0.3rem;
        height: 2.6rem;
        top: calc(50% - 1.3rem);
    }
}

/* secStructure */
.secStructure {
    margin: 6rem auto;
}

.secStructure .titleMain {
    font-size: var(--pcFontSize28);
    font-weight: bold;
    margin-bottom: 2.6rem;
    padding-bottom: 2rem;
    position: relative;
    padding-left: 2.3rem;
    letter-spacing: var(--pcLetterSpacing28_100);
}

.secStructure .titleMain::before {
    content: "";
    position: absolute;
    top: 0.7rem;
    left: 0;
    width: 1rem;
    height: 1rem;
    background: var(--textColor);
    border-radius: 50%;
}

.secStructure .titleMain::after {
    content: "";
    background-image: repeating-linear-gradient(90deg, var(--borderColorGrey), var(--borderColorGrey) 1px, transparent 1px, transparent 4px), repeating-linear-gradient(180deg, var(--borderColorGrey), var(--borderColorGrey) 1px, transparent 1px, transparent 4px), repeating-linear-gradient(90deg, var(--borderColorGrey), var(--borderColorGrey) 1px, transparent 1px, transparent 4px), repeating-linear-gradient(180deg, var(--borderColorGrey), var(--borderColorGrey) 1px, transparent 1px, transparent 4px);
    background-position: left top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
}

.secStructure .structureContainer {
    display: flex;
    gap: 2.5rem;
    flex-wrap: wrap;
}

.secStructure .structureContainer .boxItem {
    background: var(--bgColor);
    padding: 3rem 3rem 4rem;
    width: 43rem;
}

.secStructure .structureContainer .iconBox {
    margin: 0 auto;
    width: 160px;
    height: 160px;
}

.secStructure .structureContainer .textBox {
    margin-top: 3rem;
}

.secStructure .structureContainer .boxTit {
    font-size: var(--pcFontSize20);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing20_100);
    text-align: center;
}

.secStructure .structureContainer .boxTxt {
    margin-top: 1.3rem;
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_24);
    letter-spacing: var(--pcLetterSpacing14_50);
}
@media only screen and (max-width:1215px) {
    .secStructure {
        margin: 3rem auto;
    }
    .secStructure .titleMain {
        font-size: var(--spFontSize18);
        margin-bottom: 2rem;
        padding-bottom: 1.4rem;
        padding-left: 1.3rem;
        letter-spacing: 0;
    }
    .secStructure .titleMain::before {
        top: 0.4rem;
        left: 0;
        width: 0.6rem;
        height: 0.6rem;
    }
    .secStructure .titleMain::after {
        background-image: repeating-linear-gradient(90deg, var(--borderColorGrey), var(--borderColorGrey) 1px, transparent 1px, transparent 2px), repeating-linear-gradient(180deg, var(--borderColorGrey), var(--borderColorGrey) 1px, transparent 1px, transparent 2px), repeating-linear-gradient(90deg, var(--borderColorGrey), var(--borderColorGrey) 1px, transparent 1px, transparent 2px), repeating-linear-gradient(180deg, var(--borderColorGrey), var(--borderColorGrey) 1px, transparent 1px, transparent 2px);
    }
    .secStructure .structureContainer {
        gap: unset;
    }
    .secStructure .structureContainer .boxItem {
        padding: 2rem 1.5rem;
        width: 47.83%;
        margin-right: 4.34%;
    }
    .secStructure .structureContainer .boxItem:nth-child(2n) {
        margin-right: 0;
    }
    .secStructure .structureContainer .boxItem:nth-child(n+3) {
        margin-top: 1.5rem;
    }
    .secStructure .structureContainer .iconBox {
        height: auto;
        width: 85.19%;
    }
    .secStructure .structureContainer .boxTit {
        font-size: var(--spFontSize14);
        letter-spacing: 0;
    }
    .secStructure .structureContainer .boxTxt {
        margin-top: 1.3rem;
        font-size: var(--spFontSize11);
        letter-spacing: 0;
    }
}

/* check */
.secStructure .boxCheck {
    width: 116rem;
    height: 18rem;
    background: rgba(255, 210, 0, 0.078);
    border: 1px solid #000;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    margin: 50px auto 0;
    text-align: center;
}

.secStructure .boxCheck .titCheck {
    font-size: var(--pcFontSize16);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing16_50);
}

.secStructure .boxCheck .txtCheck {
    font-size: var(--pcFontSize13);
    letter-spacing: var(--pcLetterSpacing13_50);
    line-height: var(--pcLineHeight13_22);
    margin-top: 1.5rem;
}

.secStructure .boxCheck .ballonPoint {
    position: absolute;
    top: -2rem;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    margin: auto;
}

/* 今すぐ無料査定依頼をする */
.btnContact {
    margin-top: 8.3rem;
}

.btnContact .cmnBtn.isBlue {
    width: 90rem;
    height: 14rem;
    margin: 0 auto;
    background: var(--blueColor);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: var(--pcFontSize30);
    letter-spacing: var(--pcLetterSpacing30_200);
}

.btnContact .cmnBtn.isBlue .mark {
    color: var(--yellowColor);
}

.btnContact .cmnBtn.boxTel {
    width: 62rem;
    height: 19rem;
    margin: 3rem auto 0;
    background: #fff;
    color: var(--textColor);
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    flex-direction: column;
}

.btnContact .cmnBtn.boxTel .txtLink {
    display: block;
    font-size: var(--pcFontSize18);
    letter-spacing: var(--pcLetterSpacing18_50);
    padding: 0.8rem 0 0;
}

.btnContact .boxTel .num {
    font-size: var(--pcFontSize40);
    font-weight: 500;
    letter-spacing: var(--pcLetterSpacing40_50);
    background: url(../img/common/iconContactTel.png) left 0.5rem / 2.5rem no-repeat;
    margin-top: 1.3rem;
    padding-left: 3rem;
}

.btnContact .boxTel .time {
    display: block;
    font-size: var(--pcFontSize13);
    /* letter-spacing: var(--pcLetterSpacing13_50); */
    margin-top: 2.2rem;
    font-weight: 400;
    letter-spacing: 0;
}
.btnContact .txtTap{
    display: none;
}

@media only screen and (max-width:1215px) {
    .btnContact {
        margin-top: 4rem;
    }
    .btnContact .cmnBtn.isBlue {
        width: 100%;
        height: 10rem;
        font-size: var(--spFontSize20);
        line-height: var(--spLineHeight20_130);
        display: block;
        padding: 2.5rem;
    }
    .btnContact .cmnBtn.boxTel {
        width: 100%;
        border: none;
        height: auto;
        margin: 1rem auto 0;
        box-shadow: unset;
    }
    .btnContact .cmnBtn.boxTel .txtLink {
        font-size: var(--spFontSize13);
        letter-spacing: 0;
        padding: 0.5rem 0 0;
    }
    .btnContact .boxTel .num {
        font-size: var(--spFontSize30);
        letter-spacing: var(--spLetterSpacing30_50);
        background: url(../img/common/iconContactTel.png) left 0.5rem / 1.7rem no-repeat;
        margin-top: 1.3rem;
        padding-left: 3rem;
    }
    .btnContact .boxTel .time {
        font-size: var(--spFontSize10);
        margin-top: 1.2rem;
    }
    .btnContact .txtTap {
        padding: 1rem 0;
        width: 100%;
        margin-top: 1.5rem;
        font-weight: 400;
        font-size: var(--spFontSize11);
        display: block;
    }
}

/* secFlow */
.secFlow {
    margin: 8rem auto;
}

.secFlow .bgFlow {
    height: 26rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.secFlow.lazyloaded .bgFlow {
    background: url(../img/sale/bgFlow.jpg)center top / cover no-repeat;
}

.secFlow .titFlow {
    font-size: var(--pcFontSize40);
    letter-spacing: var(--pcLetterSpacing40_150);
    color: #fff;
    font-weight: bold;
}

.secFlow .titleMain {
    font-size: var(--pcFontSize28);
    font-weight: bold;
    margin-bottom: 2.6rem;
    padding-bottom: 2rem;
    position: relative;
    padding-left: 2.3rem;
    letter-spacing: var(--pcLetterSpacing28_100);
    padding-top: 1.3rem;
}

.secFlow .titleMain::before {
    content: "";
    position: absolute;
    top: 2.3rem;
    left: 0;
    width: 1rem;
    height: 1rem;
    background: var(--textColor);
    border-radius: 50%;
}

.secFlow .titleMain::after {
    content: "";
    background-image: repeating-linear-gradient(90deg, var(--borderColorGrey), var(--borderColorGrey) 1px, transparent 1px, transparent 4px), repeating-linear-gradient(180deg, var(--borderColorGrey), var(--borderColorGrey) 1px, transparent 1px, transparent 4px), repeating-linear-gradient(90deg, var(--borderColorGrey), var(--borderColorGrey) 1px, transparent 1px, transparent 4px), repeating-linear-gradient(180deg, var(--borderColorGrey), var(--borderColorGrey) 1px, transparent 1px, transparent 4px);
    background-position: left top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
}

.secFlow .stepContent {
    margin: 6rem auto 8rem;
}

.secFlow .boxStep {
    padding-left: 18rem;
    position: relative;
}

.secFlow .stepContent .boxFlex {
    display: flex;
    justify-content: space-between;
}

.secFlow .stepContent .boxTxt {
    padding-right: 5rem;
    margin-top: 2.3rem;
}

.secFlow .stepContent .tit {
    font-size: var(--pcFontSize18);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing18_50);
}

.secFlow .stepContent .txt {
    margin-top: 1rem;
    font-size: var(--pcFontSize15);
    /* letter-spacing: var(--pcLetterSpacing15_50); */
    line-height: var(--pcLineHeight15_28);
}

.secFlow .boxLeft {
    width: 13.5rem;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.secFlow .boxLeft .txtStep {
    color: var(--blueColor);
    font-size: var(--pcFontSize20);
    letter-spacing: var(--pcLetterSpacing20_80);
}

.secFlow .boxLeft .imgStep {
    margin-top: 1.5rem;
    width: 13.5rem;
    height: 13.5rem;
    border-radius: 50%;
    background: var(--blueColor);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.secFlow .boxStep .imgStep:before {
    content: '';
    position: absolute;
    bottom: -26.3rem;
    width: 0px;
    height: 24.2rem;
    /* 長さは調整可能 */
    border-left: 5px dotted rgba(0, 0, 0, 0.2);
    /* 5px の丸い点線 */
}

.secFlow .boxStep:last-child .imgStep:before {
    display: none;
}

/* check */
.secFlow .boxCheck {
    width: 116rem;
    height: 20rem;
    background: rgba(255, 210, 0, 0.078);
    border: 1px solid #000;
    border-radius: 5px;
    /* display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; */
    position: relative;
    margin: 55px auto 0;
    text-align: center;
    padding: 4.5rem 0;
}

.secFlow .boxCheck .titCheck {
    font-size: var(--pcFontSize16);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing16_50);
}

.secFlow .boxCheck .txtCheck {
    font-size: var(--pcFontSize13);
    letter-spacing: var(--pcLetterSpacing13_50);
    line-height: var(--pcLineHeight13_22);
    margin-top: 1.5rem;
}

.secFlow .boxCheck .ballonPoint {
    position: absolute;
    top: -1.6rem;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    margin: auto;
}

.secFlow .boxCheck:before {
    content: '';
    position: absolute;
    bottom: -1.4rem;
    right: 14.1rem;
    width: 8.2rem;
    height: 11.8rem;
    background: url(../img/sale/iconWoman.png)center top / cover no-repeat;
}

/* step02 */
/* .secFlow .boxStep.step02{
    margin-top: 13.8rem;
} */
.secFlow .boxStep:nth-child(n+2) {
    margin-top: 8.8rem;
}

@media only screen and (max-width:1215px) {
    .secFlow {
        margin: 3rem auto;
    }
    .secFlow .stepContent {
        margin: 2rem auto 5rem;
    }
    .secFlow .titFlow {
        font-size: var(--spFontSize18);
        letter-spacing: 0;
    }
    .secFlow.lazyloaded .bgFlow {
        background: url(../img/sale/bgFlow_sp.jpg) center center / cover no-repeat;
    }
    .secFlow .bgFlow {
        height: 10rem;
    }
    .secFlow .boxStep {
        padding-left: 0;
        position: relative;
    }   
    .secFlow .boxStep:before {
        content: '';
        position: absolute;
        width: 0px;
        border-left: 0.9rem dotted rgba(0, 0, 0, 0.2);
        height: 4.5rem;
        bottom: -6.7rem;
        left: calc(50% - 0.45rem);
    }
    .secFlow .boxStep:last-child:before {
        display: none;
    }
    .secFlow .boxStep .imgStep:before {
        display: none;
    } 
    .secFlow .titleMain {
        font-size: var(--spFontSize18);
        margin-bottom: 1.6rem;
        padding-bottom: 3.3rem;
        padding-left: 7rem;
        letter-spacing: 0;
        padding-top: 4rem;
    }
    .secFlow .titleMain::after {
        background-image: repeating-linear-gradient(90deg, var(--borderColorGrey), var(--borderColorGrey) 1px, transparent 1px, transparent 2px), repeating-linear-gradient(180deg, var(--borderColorGrey), var(--borderColorGrey) 1px, transparent 1px, transparent 2px), repeating-linear-gradient(90deg, var(--borderColorGrey), var(--borderColorGrey) 1px, transparent 1px, transparent 2px), repeating-linear-gradient(180deg, var(--borderColorGrey), var(--borderColorGrey) 1px, transparent 1px, transparent 2px);
    }
    .secFlow .boxLeft .imgStep {
        margin-top: 0.5rem;
        width: 6rem;
        height: 6rem;
        padding: 0 1.8rem;
    }
    .secFlow .stepContent .boxFlex {
        display: block;
    }
    .secFlow .titleMain::before {
        display: none;
    }
    .secFlow .boxLeft .txtStep {
        font-size: var(--spFontSize13);
        letter-spacing: 0;
    }
    .secFlow .boxLeft {
        width: 6rem;
    }
    .secFlow .stepContent .boxTxt {
        padding-right: 0;
        margin-top: 2rem;
    }
    .secFlow .stepContent .txt {
        margin-top: 0.5rem;
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_200);
    }
    .secFlow .stepContent .boxImg {
        margin-top: 1.3rem;
    }
    .secFlow .boxStep:nth-child(n+2) {
        margin-top: 7.8rem;
    }
    .secFlow .boxStep.step02 .imgStep{
        padding: 0 1.95rem;
    }
    .secFlow .boxStep.step03 .imgStep{
        padding: 0 1.8rem;
    }
    .secFlow .boxStep.step04 .imgStep{
        padding: 0 1.8rem;
    }
    .secFlow .boxStep.step05 .imgStep{
        padding: 0 1.8rem;
    }
    .secFlow .boxStep.step06 .imgStep{
        padding: 0 1.8rem;
    }
    .secFlow .boxStep.step07 .imgStep{
        padding: 0 1.6rem;
    }
    .secFlow .stepContent .tit {
        font-size: var(--spFontSize15);
        letter-spacing: 0;
        line-height: var(--spLineHeight15_24);
    }
}

/* secEstate */
.secEstate{
    margin: 8rem auto 11.5rem;
}
.secVoice .titleMain,
.secEstate .titleMain {
    font-size: var(--pcFontSize28);
    font-weight: bold;
    margin-bottom: 4rem;
    padding-bottom: 2rem;
    position: relative;
    padding-left: 2.3rem;
    letter-spacing: var(--pcLetterSpacing28_100);
}

.secVoice .titleMain::before,
.secEstate .titleMain::before {
    content: "";
    position: absolute;
    top: 0.7rem;
    left: 0;
    width: 1rem;
    height: 1rem;
    background: var(--textColor);
    border-radius: 50%;
}

.secVoice .titleMain::after,
.secEstate .titleMain::after {
    content: "";
    background-image: repeating-linear-gradient(90deg, var(--borderColorGrey), var(--borderColorGrey) 1px, transparent 1px, transparent 4px), repeating-linear-gradient(180deg, var(--borderColorGrey), var(--borderColorGrey) 1px, transparent 1px, transparent 4px), repeating-linear-gradient(90deg, var(--borderColorGrey), var(--borderColorGrey) 1px, transparent 1px, transparent 4px), repeating-linear-gradient(180deg, var(--borderColorGrey), var(--borderColorGrey) 1px, transparent 1px, transparent 4px);
    background-position: left top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
}

.secEstate .realEstateHeader{
    background: var(--blueColor);
    height: 11rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.secEstate .realEstateTagline{
    font-size: var(--pcFontSize18);
    font-weight: bold;
    color: #fff;
    line-height: var(--pcLineHeight18_167);
    text-align: center;
    letter-spacing: var(--pcLetterSpacing18_150);
}

.secEstate .realEstateDescription{
    font-size: var(--pcFontSize15);
    margin: 4rem auto 5rem;
    text-align: center;
    letter-spacing: var(--pcLetterSpacing15_50);
}
.secEstate .realEstateOptions{
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: stretch;
}
.secEstate .realEstateBox{
    background: var(--bgColor);
    width: 32.8566%;
    width: 32.0896%;
    margin-right: 1.865%;
}
.secEstate .realEstateBox:last-child{
    margin-right: 0;;
}
.secEstate .realEstateContent{
    padding: 3.5rem 3rem 3rem;
}
.secEstate .realEstateHeading{
    font-size: var(--pcFontSize20);
    text-align: center;
    font-weight: bold;
    line-height: var(--pcLineHeight20_15);
}
.secEstate .realEstateText{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_24);
    margin-top: 2rem;
}
.secEstate .realEstateButton{
    width: 22rem;
    height: 6rem;
    border: unset;
    background: var(--navyColor);
    color: #fff;
    font-size: var(--pcFontSize15);
    font-weight: bold;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2.5rem auto;
}
.secEstate .realEstateBox:last-child .realEstateButton{
    border: 1px solid var(--textColor);
    background: var(--greenColor);
}

@media only screen and (max-width:1215px) {
    .secEstate {
        margin: 4rem auto 8rem;
    }
    .secVoice .titleMain,
    .secEstate .titleMain {
        font-size: var(--spFontSize18);
        margin-bottom: 2rem;
        padding-bottom: 1.4rem;
        padding-left: 1.3rem;
        letter-spacing: 0;
    }
    
    .secVoice .titleMain::before,
    .secEstate .titleMain::before {
        top: 0.4rem;
        left: 0;
        width: 0.6rem;
        height: 0.6rem;
    }
    
    .secVoice .titleMain::after,
    .secEstate .titleMain::after {
        background-image: repeating-linear-gradient(90deg, var(--borderColorGrey), var(--borderColorGrey) 1px, transparent 1px, transparent 2px), repeating-linear-gradient(180deg, var(--borderColorGrey), var(--borderColorGrey) 1px, transparent 1px, transparent 2px), repeating-linear-gradient(90deg, var(--borderColorGrey), var(--borderColorGrey) 1px, transparent 1px, transparent 2px), repeating-linear-gradient(180deg, var(--borderColorGrey), var(--borderColorGrey) 1px, transparent 1px, transparent 2px);
    }
    .secEstate .realEstateTagline {
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_22);
        text-align: center;
        letter-spacing: 0;
    }
    .secEstate .realEstateHeader {
        height: 7rem;
    }
    .secEstate .realEstateDescription {
        font-size: var(--spFontSize12);
        margin: 1.5rem auto 2rem;
        text-align: left;
        letter-spacing: 0;
        line-height: var(--spLineHeight12_200);
    }
    .secEstate .realEstateOptions {
        display: block;
    }
    .secEstate .realEstateBox {
        width: 100%;
        margin-right: 0;
    }
    .secEstate .realEstateHeading {
        font-size: var(--spFontSize15);
        line-height: var(--pcLineHeight20_15);
        text-align: left;
    }
    .secEstate .realEstateBox:nth-child(n+2) {
        margin-top: 3rem;
    }
    .secEstate .realEstateContent {
        padding: 1.5rem 1.5rem 3rem;
    }
    .secEstate .realEstateText {
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_200);
        margin-top: 1rem;
    }
    .secEstate .realEstateButton {
        width: 24.5rem;
        height: 5rem;
        font-size: var(--spFontSize12);
        margin: 1.3rem auto 0;
    }
}

/* tableContainer */
.tableContainer {
    width: 100%;
    margin: 4rem auto 0;
}

.tableContainer .titHeader {
    background: var(--textColor);
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: var(--pcFontSize16);
    padding: 2.7rem;
    width: 100%;
}

.tableContainer .tableRow {
    border: 1px solid #ddd;
    padding: 2.8rem;
    text-align: left;
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_22);
    display: flex;
    width: 17.3rem;
}

.tableContainer .tableRow.tableHead {
    background: var(--bgColor);
    font-weight: bold;
    text-align: center;
}


/* sale form */
.secCmnForm {
    padding: 8rem 0;
    background: linear-gradient(to bottom, #3e9bb9 60rem, #fff 60rem);
    position: relative;
    z-index: 3;
}
.secCmnForm .secFormCon{
    position: relative;
    z-index: 2;
}
.secCmnForm .bgForm{
    position: relative;
    z-index: 2;
}
.secCmnForm .secFormWrap:before {
    content: '';
    position: absolute;
    width: 18.4rem;
    height: 20.5rem;
    top: -19.8rem;
    left: 13.3rem;
    z-index: -1;
}
.secCmnForm.lazyloaded .secFormWrap:before {
    background: url(../img/sale/imgMan.png) center top / cover no-repeat;
}

.secFormTit .formMainTit {
    color: #fff;
}

.secFormTit .formTxtNote {
    color: #fff;
}

.secFormTable .titContent {
    padding: 1.4rem 1.5rem;
    margin-top: 1.5rem;
    font-size: var(--pcFontSize15);
    font-weight: bold;
    background: var(--bgColor);
}

.secFormTable .radioList.hopePrice .radioItem {
    margin-right: 2rem;
}

.secFormTable .radioList.hopePrice .radioItem:nth-child(1),
.secFormTable .radioList.hopePrice .radioItem:nth-child(5) {
    width: 22rem;
}

.secFormTable .radioList.hopePrice .radioItem:nth-child(2),
.secFormTable .radioList.hopePrice .radioItem:nth-child(6) {
    width: 22rem;
}

.secFormTable .radioList.hopePrice .radioItem:nth-child(3),
.secFormTable .radioList.hopePrice .radioItem:nth-child(7) {
    width: 22rem;
}

.secFormTable .radioList.hopePrice .radioItem:nth-child(4),
.secFormTable .radioList.hopePrice .radioItem:nth-child(8) {
    width: 22rem;
}

@media only screen and (max-width:1215px) {
    .secCmnForm {
        padding: 4rem 0;
        background: linear-gradient(to bottom, #3e9bb9 40rem, #fff 40rem);
    }

    .secFormTit .cmnImgIcon {
        width: 2.3rem;
        margin: 0 auto;
    }

    .secFormTable .titContent {
        padding: 1rem 1.5rem;
        margin-top: 1rem;
        font-size: var(--spFontSize13);
    }

    .saleContent .radioList.flexList .radioItem {
        width: 50%;
    }

    .saleContent .radioList.flexList .radioItem:nth-child(n+3) {
        margin-top: 1.7rem;
    }
    .secCmnForm.lazyloaded .secFormWrap:before {
        display: none;
    }
}

@media only screen and (max-width:360px) {
    .btnContact .boxTel .num {
        background: url(../img/common/iconContactTel.png) left 0.5rem / 1.4rem no-repeat;
        padding-left: 2rem;
    }
}


/* secVoice */
.secVoice{
    position: relative;
    margin-top: 8rem;
    padding: 8rem 0;
}
.secVoice::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bgColor);
}
.secVoice .titleMain {
    margin-bottom: 3rem;
}
/* boxList */
.secVoice .boxList{
    display: flex;
    flex-wrap: wrap;
    gap: 3.5rem;
    position: relative;
    z-index: 5;
}
.secVoice .itemVoice{
    position: relative;
    width: calc((100% - 13.999rem) / 4);
}
.secVoice .itemVoice .boxLink{
    position: relative;
    display: block;
    height: 100%;
    z-index: 0;
}
.secVoice .itemVoice .iconNew {
    position: absolute;
    top: -1.5rem;
    left: 4rem;
    z-index: 1;
}
/* box */
.secVoice .itemVoice .box{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.secVoice .itemVoice .boxImg{
    width: 81.67%;
    margin: 0 auto;
}
.secVoice .itemVoice .img{
    aspect-ratio: 240 / 240;
}
.secVoice .itemVoice .img img{
    border-radius: 100%;
}
.secVoice .itemVoice .boxTxt {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 0.5rem;
    margin-top: 2rem;
}
.secVoice .itemVoice .boxTit{
    width: 100%;
    height: calc(100% - 2.4rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
}
.secVoice .itemVoice .tit{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_32);
    letter-spacing: var(--pcLetterSpacing18_50);
    font-weight: bold;
    text-decoration: underline;
    margin-top: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: calc(var(--pcFontSize18)* var(--pcLineHeight18_32)* 2);
}
.secVoice .itemVoice .txt{
    font-size: var(--pcFontSize12);
    line-height: var(--pcLineHeight12_18);
    letter-spacing: var(--pcLetterSpacing12_50);
    margin-top: 1.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.secVoice .boxIcon{
    display: flex;
    justify-content: center;
}
.secVoice .icon{
    display: block;
    font-size: var(--pcFontSize13);
    letter-spacing: var(--pcLetterSpacing13_50);
    color: #fff;
    padding: 0.6rem 1.2rem 0.5rem;
    text-align: center;
}
/* boxBtn */
.secVoice .boxBtn{
    text-align: center;
}
.secVoice .boxBtn .cmnBtn{
    margin: 3rem auto 0;
    padding: 3.2rem 1rem 3.1rem;
}
.secVoice .boxBtn .boxBtnTxt{
    position: relative;
    display: inline-block;
    margin-top: 4.5rem;
    padding: 0 1.5rem;
}
.secVoice .boxBtn .boxBtnTxt:before,
.secVoice .boxBtn .boxBtnTxt::after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: -0.6rem;
    left: 0;
    width: 0.1rem;
    height: 4rem;
    background-color: var(--textColor);
    transform: rotate(-28deg);
}
.secVoice .boxBtn .boxBtnTxt::after{
    left: auto;
    right: 0;
    transform: rotate(28deg);
}
.secVoice .boxBtn .txt{
    position: relative;
    font-size: var(--pcFontSize15);
    letter-spacing: var(--pcLetterSpacing15_30);
    font-weight: bold;
    background: linear-gradient(transparent 65%, var(--yellowColor) 65%, var(--yellowColor) 100%, transparent 100%);
}
@media only screen and (max-width:1215px){
    .secVoice{
        margin-top: 3.5rem;
        padding: 5rem 0 7rem;
    }
    .secVoice .titleMain {
        margin-bottom: 1.5rem;
    }
    /* boxList */
    .secVoice .boxList{
        justify-content: space-between;
        gap: 2.5rem 0.5rem;
    }
    .secVoice .itemVoice{
        width: calc((100% - 0.5rem) / 2);
    }
    .secVoice .itemVoice .iconNew {
        top: -1rem;
        left: 1rem;
        width: 3.2rem;
    }
    .secVoice .itemVoice .boxImg {
        width: 73.53%;
    }
    .secVoice .itemVoice .boxTxt {
        margin-top: 1.2rem;
        padding: 0 0.5rem;
    }
    .secVoice .itemVoice .boxTit{
        height: calc(100% - 1.9rem);
    }
    .secVoice .itemVoice .tit{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        letter-spacing: var(--spLetterSpacing12_0);
        max-height: calc(var(--spFontSize12)* var(--spLineHeight12_20)* 2);
        margin-top: 0.8rem;
    }
    .secVoice .itemVoice .txt{
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_15);
        letter-spacing: var(--spLetterSpacing10_0);
        margin-top: 0.8rem;
    }
    .secVoice .icon{
        font-size: var(--spFontSize11);
        letter-spacing: var(--spLetterSpacing11_0);
        padding: 0.5rem 0.6rem 0.3rem 0.8rem;
    }
    /* boxBtn */
    .secVoice .boxBtn .cmnBtn{
        margin: 1.5rem auto 0;
        padding: 0;
        height: 5rem;
    }
    .secVoice .boxBtn .boxBtnTxt{
        margin-top: 2.8rem;
        padding: 0 1.2rem;
    }
    .secVoice .boxBtn .boxBtnTxt:before
    .secVoice .boxBtn .boxBtnTxt::after{
        top: -0.3rem;
        height: 2.5rem;
    }
    .secVoice .boxBtn .txt{
        font-size: var(--spFontSize12);
        letter-spacing: var(--spLetterSpacing12_0);
    }
}