@charset "utf-8";
/*-----------------------------------------------
    secCmnTop
-----------------------------------------------*/
.secCmnTop.innerPageTop {
    background: var(--green_darkColor);
    height: 30rem;
}
.secCmnTop.innerPageTop {
    display: flex;
    align-items: center;
    justify-content: center;
}
.secCmnTop.innerPageTop .secCmnTit .txt{
    font-size: var(--pcFontSize34);
    letter-spacing: var(--pcLetterSpacing34_60);
    font-weight: bold;
    color: var(--whiteColor);
}
@media only screen and (max-width:1215px){
    .secCmnTop.innerPageTop {
        height: 15rem;
    }
    .secCmnTop.innerPageTop .secCmnTit .txt {
        font-size: var(--spFontSize22);
        letter-spacing: var(--spLetterSpacing22_60);
        margin-top: 2.6rem;
    }
}
/*-----------------------------------------------
    secTop
-----------------------------------------------*/
.secTop{
    margin-top: 10rem;
}
.secTop .secCompanyLink {
    position: relative;
}
.secTop .secCmnTicker {
    position: absolute;
    top: 130px;
    bottom: 0;
    left: 0;
    margin: auto;
    display: flex;
    align-items: flex-start;
    z-index: -1;
}
.secTop .txtOuter {
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_40);
    letter-spacing: var(--pcLetterSpacing20_60);
    font-weight: bold;
    margin-top: 6rem;
}
.secTop .boxUnder {
    position: relative;
    display: flex;
    justify-content: center;
}
.secTop .boxIcon {
    position: absolute;
    top: -15.3rem;
    left: 12rem;
    max-width: 21rem;
    width: 16.667%;
}
.secTop .boxIcon .icon_txt {
    position: relative;
}
@media only screen and (max-width:1215px){
    .secTop{
        margin-top: 0;
    }
    .secTop .secCmnTicker {
        top: unset;
        bottom: -1.2rem;
    }
    .secTop .secCompanyLink {
        padding-bottom: 14.7rem;
    }
    .secTop .txtOuter {
        font-size: var(--spFontSize12);
        letter-spacing: 0;
        margin-top: 2.5rem;
        padding-left: 0;
    }
    .secTop .boxIcon {
        top: -14.3rem;
        left: calc(50% - 3.8rem);
        max-width: 21rem;
        width: 7.6rem;
    }
    .secTop .secCmnTicker .imgTicker {
        width: 129.4rem;
        height: 10.7rem;
    }
}

/*-----------------------------------------------
    secPoint
-----------------------------------------------*/
.secPoint{
    margin-top: 19rem;
    padding: 9rem 0 7.6rem;
    background-color: var(--beige_darkColor);
    position: relative;
}
.secPoint::after {
    content: "";
    position: absolute;
    left: calc(50% - 50vw);
    bottom: -18.4rem;
    width: 100%;
    max-width: 1920px;
    height: 0;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    border-top: 18.5rem solid #f3f0ec;  
}
.secPoint .tit{
    line-height: var(--pcLineHeight50_70);
}
.secPoint .txt{
    font-size: var(--pcFontSize24);
    letter-spacing: var(--pcLetterSpacing24_100);
    margin: 0 0 1rem 0;
}
.secPoint .boxList{
    margin-top: 6.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
}
.secPoint .item{
    width: calc((100% - 5.999rem) / 3);
}
.secPoint .link{
    position: relative;
    width: 100%;
    display: block;
    background-color: var(--whiteColor);
    border-radius: 0 2rem 2rem;
    padding: 1rem 1rem 6rem 1rem;
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
.secPoint .link img{
    border-top-right-radius: 2rem;
}
.secPoint .link .boxTxt {
    margin-top: 4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.secPoint .link .txtIcon {
    min-width: 20rem;
    font-size: var(--pcFontSize14);
    border-radius: 2rem;
    padding: 1.2rem 1.8rem;
    font-weight: bold;
}
.secPoint .link .tit {
    font-size: var(--pcFontSize28);
    line-height: var(--pcLineHeight28_42);
    letter-spacing: var(--pcLetterSpacing28_80);
    margin-top: 1rem;
    text-align: center;
    font-weight: bold;
}
.secPoint .link .txt {
    font-size: var(--pcFontSize14);
    margin-top: 2.7rem;
    text-decoration: underline;
    text-align: center;
    color: var(--grayColor);
}
@media only screen and (max-width:1215px){
    .secPoint{
        margin-top: 8rem;
        padding: 6rem 0 3.6rem;
    }
    .secPoint::after {
        bottom: -6rem;
        border-top: 6.1rem solid #f3f0ec;
    }
    .secPoint .tit{
        line-height: var(--spLineHeight20_30);
    }
    .secPoint .txt{
        font-size: var(--spFontSize13);
        margin: 0 0 0.5rem 0;
        letter-spacing: 0;
    }
    /* boxList */
    .secPoint .boxList{
        margin-top: 2.5rem;
        gap: 1.5rem;
    }
    .secPoint .item{
        width: 100%;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
        border-radius: 0 1rem 1rem;
    }
    .secPoint .link{
        display: flex;
        width: 100%;
        border-radius: 0 1rem 1rem;
        padding: 0;
    }
    .secPoint .link .img{
        width: 12rem;
    }
    .secPoint .link img{
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }
    .secPoint .link .boxTxt {
        position: relative;
        width: calc(100% - 12rem);
        padding: 2.5rem 1rem 0 2rem;
        margin: 0;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .secPoint .link .txtIcon {
        min-width: 11.2rem;
        font-size: var(--spFontSize10);
        border-radius: 1.5rem;
        padding: 0.9rem 1.2rem 0.8rem;
    }
    .secPoint .link .tit {
        font-size: var(--spFontSize17);
        line-height: var(--spLineHeight17_25);
        margin: 0.8rem 0 0 1rem;
        text-align: left;
    }
    .secPoint .link .txt {
        position: absolute;
        bottom: 1.5rem;
        right: 2rem;
        font-size: var(--spFontSize12);
        margin-top: 0;
    }
}
@media only screen and (max-width:360px){
    .secPoint .link .boxTxt {
        padding: 2.5rem 1rem 0 1rem;
    }
    .secPoint .link .txtIcon {
        padding: 0.9rem 0.2rem 0.7rem;
    }
}

/*-----------------------------------------------
    secStructure
-----------------------------------------------*/
.secStructure{
    counter-reset: advantage;
    margin-top: 33.7rem;
}
.pageTitle{
    display: flex;
    align-items: center;
    background-color: var(--beige_darkColor);
}
.pageTitle .imgTitleTop{
    width: 39.584%;
    max-width: 76rem;
    flex-shrink: 0;
}
.pageTitle .txtTitleTop{
    margin-left: 8rem;
}
.pageTitle .subTit{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_30);
    letter-spacing: var(--pcLetterSpacing22_40);
    font-weight: bold;
}
.pageTitle .tit{
    font-size: var(--pcFontSize40);
    letter-spacing: var(--pcLetterSpacing40_80);
    font-weight: bold;
    margin-top: 1.3rem;
}
.secStructure .boxList{
    display: flex;
    flex-wrap: wrap;
    gap: 3.1rem;
    padding: 5.5rem 5rem;
    justify-content: center;
    margin-top: 8rem;
    margin-bottom: 6rem;
}
.secStructure .boxList .item {
    width: 40rem;
    position: relative;
}
.secStructure .boxList .ankerLink {
    position: relative;
    width: 100%;
    display: block;
    height: 100%;
}
.secStructure .boxList .ankerLink::before, 
.secStructure .boxList .ankerLink::after {
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: -3.5rem;
    left: 2rem;
    width: 7rem;
    height: 7rem;
}
.secStructure .boxList .ankerLink::before {
    border-radius: 100%;
    border: 0.1rem solid var(--whiteColor);
    background-color: var(--green_darkColor);
}
.secStructure .boxList img {
    border-radius: 0 2rem 2rem 2rem;
}
.secStructure .boxList .tit {
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_38);
    letter-spacing: var(--pcLetterSpacing22_50);
    text-align: center;
    font-weight: bold;
    margin-top: 3.5rem;
    position: relative;
}
.secStructure .boxList .txt {
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_31);
    letter-spacing: var(--pcLetterSpacing14_40);
    margin-top: 0.8rem;
}
.secStructure .boxList .ankerLink::after {
    color: var(--whiteColor);
    z-index: 2;
    font-size: var(--pcFontSize40);
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
    font-family: "Oswald", YakuHanJP, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}
.secStructure .boxList:nth-child(1) .item:nth-child(1) .ankerLink::after {
    content: '1';
}
.secStructure .boxList:nth-child(1) .item:nth-child(2) .ankerLink::after {
    content: '2';
}
.secStructure .boxList:nth-child(1) .item:nth-child(3) .ankerLink::after {
    content: '3';
}

.secStructure .itemAdvantage{
    display: flex;
    gap: 6rem;
    position: relative;
    margin: 0 auto 0 0;
    min-height: 50rem;
    counter-increment: advantage;
}
.secStructure .itemAdvantage:nth-child(2n){
    justify-content: space-between;
    flex-direction: row-reverse;
    margin: 0 0 0 auto;
}
.secStructure .itemAdvantage:nth-child(n+2){
    margin-top: 10rem;
}
.secStructure .itemAdvantage:nth-child(4),
.secStructure .itemAdvantage:nth-child(5)
{
    margin-top: 14rem;
}
.secStructure .itemAdvantage:nth-child(8)
{
    margin-top: 16rem;
}
.secStructure .boxImg{
    width: 43.75%;
}
.secStructure .imgInner{
    border-radius: 0 10rem 0 0;
    overflow: hidden;
}
.secStructure .itemAdvantage:nth-child(2n) .imgInner{
    border-radius: 10rem 0 0 0;
}

.secStructure .titAdvantage{
    font-size: var(--pcFontSize32);
    line-height: var(--pcLineHeight32_50);
    letter-spacing: var(--pcLetterSpacing32_60);
    position: relative;
    font-weight: bold;
}
.secStructure .titAdvantage::before, 
.secStructure .titAdvantage::after {
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: -1rem;
    left: -9rem;
    width: 7rem;
    height: 7rem;
}
.secStructure .titAdvantage::before {
    border-radius: 100%;
    background-color: var(--green_darkColor);
}
.secStructure .titAdvantage::after {
    content: counter(advantage); 
    color: var(--whiteColor);
    z-index: 2;
    font-size: var(--pcFontSize40);
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
    font-family:"Oswald", YakuHanJP,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
}
.secStructure .txtAdvantage{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_30);
    letter-spacing: var(--pcLetterSpacing14_40);
    margin-top: 1.5rem;
}
.secStructure .txtGreen{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_38);
    letter-spacing: var(--pcLetterSpacing22_50);
    font-weight: bold;
    margin-top: 10px;
}
.secStructure .txtGreen + .txtAdvantage{
    margin-top: 0.1rem;
    margin-left: 1.5rem;
}
.secStructure .titAdvantage + .txtGreen{
    margin-top: 2.5rem;
}
.secStructure .boxTxt{
    padding-left: 9rem;
    max-width: 52.5%;
    text-align: left;
}
.secStructure .itemAdvantage:nth-child(1) .boxTxt{
    margin-top: 3.3rem;
}
.secStructure .itemAdvantage:nth-child(2) .boxTxt{
    margin-top: 5.2rem;
}

.secStructure .itemAdvantage .txtNotice {
    position: absolute;
    top: -1.5rem;
    left: 3rem;
    margin: auto;
    min-width: 15rem;
    font-size: var(--pcFontSize11);
    border-radius: 1.6rem;
    padding: 1rem 1.1rem;
    font-weight: bold;
}
.secStructure .btnMerit .txtNotice {
    position: absolute;
    top: -1.5rem;
    left: 3rem;
    margin: auto;
    min-width: 15rem;
    font-size: var(--pcFontSize11);
    border-radius: 1.6rem;
    padding: 1rem 1.1rem;
    font-weight: bold;
}
.secStructure .itemAdvantage .cmnBtn.bg01 {
    width: 55rem;
    margin-top: 5.5rem;
}
.secStructure .itemAdvantage .cmnBtn.bg03 {
    width: 32rem;
    margin-top: 3rem;
    position: relative;
}
.secStructure .btnMerit.cmnBtn.bg03 {
    width: 60rem;
    margin: 13rem auto 15rem;
    position: relative;
}
.secStructure .itemAdvantage .cmnBtn.bg03.lazyloaded:before {
    display: none;
}
.secStructure .btnMerit.cmnBtn.bg03.lazyloaded:before {
    content: '';
    background: url(../img/advantage/iconAdvantage04.png) center top / cover no-repeat;
    width: 10rem;
    height: 8.4rem;
    position: absolute;
    top: -3.8rem;
    right: -2.9rem;
}

.secStructure .itemAdvantage:nth-child(1) .titAdvantage::after {
    content: '4';
}
.secStructure .itemAdvantage:nth-child(2) .titAdvantage::after {
    content: '5';
}

.secStructure .listService{
    margin-top: 2.5rem;
}
.secStructure .itemSurvice{
    width: 36rem;
    height: 8rem;
    border: 0.1rem solid var(--borderList);
    background: var(--beige_darkColor);
    border-radius: 4rem;
    display: flex;
    align-items: center;
    padding-left: 4.5rem;
    font-size: var(--pcFontSize20);
    letter-spacing: var(--pcLetterSpacing20_60);
    font-weight: bold;
}
.secStructure .itemSurvice:nth-child(n+2){
    margin-top: 1.5rem;
}
@media only screen and (max-width:1640px){
    .secStructure .titAdvantage {
        font-size: var(--pcFontSize28);
    }
}
@media only screen and (max-width:1215px){
    .secStructure {
        margin-top: 14rem
    }
    .secStructure .itemAdvantage {
        display: block;
        margin: 0 auto ; 
        min-height: inherit;
    }
    .secStructure .boxImg {
        width: 94.667%;
    }
    .secStructure .imgInner {
        border-radius: 0 5rem 0 0;
    }
    .secStructure .itemAdvantage:nth-child(2n) .imgInner {
        border-radius: 0 5rem 0 0;
    }
    .secStructure .itemAdvantage:nth-child(2n - 1) .imgInner {
        border-radius: 5rem 0 0 0;
    }
    .secStructure .titAdvantage {
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_26);
        letter-spacing: 0;
        padding-left: 3rem;
        white-space: nowrap;
    }
    .secStructure .boxTxt {
        padding: 0;
        max-width: none;    
    }
    .secStructure .txtAdvantage {
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_22);
        letter-spacing: 0;
        margin-top: 0.4rem;
    }
    .secStructure .titAdvantage::before, 
    .secStructure .titAdvantage::after {
        top: 0rem;
        left: 0rem;
        width: 2.5rem;
        height: 2.5rem;
    }
    .secStructure .titAdvantage::after {
        font-size: var(--spFontSize12);
    }
    .secStructure .itemAdvantage:nth-child(2n - 1) {
        margin: 0 auto;
    }
    .secStructure .itemAdvantage:nth-child(2n - 1) .boxImg {
        margin: 0 0 0 auto;
    }
    .secStructure .itemAdvantage:nth-child(n+2) {
        margin-top: 5.4rem;
    }
    .secStructure .itemAdvantage:nth-child(1) .boxTxt,
    .secStructure .itemAdvantage:nth-child(2) .boxTxt,
    .secStructure .itemAdvantage:nth-child(3) .boxTxt,
    .secStructure .itemAdvantage:nth-child(4) .boxTxt,
    .secStructure .itemAdvantage:nth-child(5) .boxTxt,
    .secStructure .itemAdvantage:nth-child(6) .boxTxt,
    .secStructure .itemAdvantage:nth-child(7) .boxTxt,
    .secStructure .itemAdvantage:nth-child(8) .boxTxt,
    .secStructure .itemAdvantage:nth-child(9) .boxTxt,
    .secStructure .itemAdvantage:nth-child(10) .boxTxt{
        margin-top: 2.2rem;
    }
    .secStructure .txtGreen + .txtAdvantage {
        margin-top: 0.4rem;
        margin-left: 0;
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_20);
    }
    .secStructure .txtGreen {
        font-size: var(--spFontSize15);
        font-weight: bold;
        margin-top: 1.5rem;
    }
    .secStructure .txtGreen .txtAdvantage{
        font-size: var(--spFontSize10);
    }
    .secStructure .titAdvantage + .txtGreen {
        margin-top: 1.5rem;
    }
    .secStructure .itemAdvantage .cmnBtn.bg03 {
        width: 100%;
        margin-top: 4rem;
        font-size: var(--spFontSize14);
        border-radius: 1rem;
    }
    .secStructure .itemAdvantage .cmnBtn.bg01 {
        width: 100%;
        margin-top: 4rem;
        font-size: var(--spFontSize14);
        border-radius: 1rem;
    }
    .secStructure .itemAdvantage .txtNotice {
        position: absolute;
        top: -1.5rem;
        left: 0;
        margin: auto;
        min-width: 11rem;
        font-size: var(--spFontSize11);
        border-radius: 1.6rem;
        padding: 0.65rem 1.4rem;
        font-weight: bold;
    }
    .secStructure .itemAdvantage .cmnBtn.bg03.lazyloaded:before {
        width: 6rem;
        height: 5.1rem;
        top: -2.9rem;
        right: -0.1rem;
    }

    .pageTitle .imgTitleTop{
        width: 34.667%;
        max-width: 13rem;
    }
    .pageTitle .subTit {
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_30);
        letter-spacing: 0;
    }
    .pageTitle .tit {
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_24);
        letter-spacing: 0;
        margin-top: 0.3rem;
    }
    .pageTitle .txtTitleTop {
        margin-left: 2.7rem;
    }
    .secStructure .boxList {
        display: flex;
        flex-wrap: wrap;
        gap: 5rem;
        padding: 0;
        justify-content: flex-start;
        margin-top: 6rem;
        margin-bottom: 6rem;
    }
    .secStructure .boxList img {
        border-radius: 0 5rem 0 0;
    }
    .secStructure .boxList .ankerLink .img{
        position: relative;
        right: 2.67%;
    }
    .secStructure .boxList .item:nth-child(2n) .ankerLink .img{
        left: 2.67%;
        right: unset;
    }
    .secStructure .boxList .item:nth-child(2n) .ankerLink img{
        border-radius: 5rem 0 0 0;
    }
    .secStructure .boxList .tit {
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_26);
        letter-spacing: 0;
        padding-left: 3rem;
        white-space: nowrap;
        text-align: left;
        position: relative;
        margin-top: 2.3rem;
    }
    .secStructure .boxList .ankerLink::before, 
    .secStructure .boxList .ankerLink::after {
        display: none;
    }
    .secStructure .boxList .ankerLink::before {
        border-radius: 100%;
        background-color: var(--green_darkColor);
    }
    .secStructure .boxList .ankerLink::after {
        font-size: var(--spFontSize12);
    }

    .secStructure .boxList .tit::before, 
    .secStructure .boxList .tit::after {
        content: '';
        position: absolute;
        top: 0rem;
        left: 0rem;
        width: 2.5rem;
        height: 2.5rem;
    }
    .secStructure .boxList .tit::before {
        border-radius: 100%;
        background-color: var(--green_darkColor);
    }
    .secStructure .boxList .tit::after {
        content: "1";
        font-size: var(--spFontSize12);
        font-weight: bold;
        display: flex;
        color: var(--whiteColor);
        z-index: 2;
        justify-content: center;
        align-items: center;
        padding-bottom: 2px;
        font-family: "Oswald", YakuHanJP, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
    }
    .secStructure .boxList .item:nth-child(2) .tit::after{
        content: "2";
    }
    .secStructure .boxList .item:nth-child(3) .tit::after{
        content: "3";
    }
    .secStructure .boxList .txt {
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_22);
        letter-spacing: 0;
        margin-top: 0.4rem;
    }
    .secStructure .itemSurvice {
        width: 23.5rem;
        height: 5rem;
        border-radius: 2.5rem;
        padding-left: 3.5rem;
        font-size: var(--spFontSize14);
        letter-spacing: 0;
    }
    .secStructure .btnMerit.cmnBtn.bg03 {
        width: 89.336%;
        margin-top: 4rem;
        font-size: var(--spFontSize14);
        border-radius: 1rem;
        margin-bottom: 8rem;
    }
    .secStructure .btnMerit.cmnBtn.bg03.lazyloaded:before {
        width: 6rem;
        height: 5.1rem;
        top: -2.9rem;
        right: -0.1rem;
    }
    .secStructure .btnMerit .txtNotice {
        position: absolute;
        top: -1.5rem;
        left: 0;
        margin: auto;
        min-width: 11rem;
        font-size: var(--pcFontSize11);
        border-radius: 1.6rem;
        padding: 0.65rem 1.4rem;
        font-weight: bold;
    }
    .secStructure .listService {
        margin-top: 2rem;
    }
    .secStructure .itemSurvice:nth-child(n+2) {
        margin-top: 1rem;
    }
}

/*-----------------------------------------------
    secFlow
-----------------------------------------------*/
.secFlow{
    margin-top: 20rem;
}
.secFlow .stepList{
    margin-top: 12rem;
    position: relative;
}
.secFlow .stepList::before{
    content: "";
    position: absolute;
    top: 0;
    left: 5rem;
    width: 1.2rem;
    height: 100%;
    background: var(--bgFlow);
    z-index: 1;
}
.secFlow .stepItem{
    display: flex;
    justify-content: stretch;
    border-radius: 3rem;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    min-height: 18rem;
    position: relative;
    z-index: 2;
}
.secFlow .stepItem:nth-child(n+2){
    margin-top: 3rem;
}
.secFlow .stepItem .boxLeft{
    background: var(--bgFlow);
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    align-items: center;
    justify-content: center;
    color: var(--whiteColor);
    width: 11rem;
    border-radius: 3rem 0 0 3rem;
}
.secFlow .stepItem .txtStep{
    font-size: var(--pcFontSize16);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing16_40);
}
.secFlow .stepItem .txtNum{
    font-size: var(--pcFontSize42);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing42_40);
}
.secFlow .stepItem .boxRight{
    padding: 3.5rem 3rem;
    display: flex;
    gap: 2rem;
    align-items: center;
}
.secFlow .stepItem .tit{
    font-size: var(--pcFontSize30);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing30_80);
}
.secFlow .stepItem .txt{
    font-size: var(--pcFontSize16);
    margin-top: 1rem;
    letter-spacing: var(--pcLetterSpacing16_60);
    line-height: var(--pcLineHeight16_28);
}
.secFlow .stepItem .boxImg{
    width: 15rem;
    flex-shrink: 0;
    border-radius: 3rem;
    overflow: hidden;
}

@media only screen and (max-width:1215px){
    .secFlow {
        margin-top: 10rem;
    }
    .secFlow .stepItem .boxLeft {
        display: none;
    }
    .secFlow .stepList {
        margin-top: 6rem;
        padding: 0 0.5rem;
    }
    .secFlow .stepList::before {
        top: 0;
        left: calc(50% - 0.65rem);
        width: 1.1rem;
    }
    .secFlow .stepItem {
        background: #fff;
        min-height: auto;
        position: relative;
    }
    .secFlow .stepItem::before, 
    .secFlow .stepItem::after {
        position: absolute;
        content: '';
        margin: auto;
        display: block;
        top: -1rem;
        left: -1rem;
        width: 4rem;
        height: 4rem;
    }
    .secFlow .stepItem::before {
        border-radius: 100%;
        border: 0.1rem solid var(--whiteColor);
        background-color: var(--bgFlow);
    }
    .secFlow .stepItem::after {
        color: var(--whiteColor);
        z-index: 2;
        font-size: var(--spFontSize14);
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 2px;
        font-family: "Oswald", YakuHanJP, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
    }
    .secFlow .stepItem:nth-child(1):after{
        content: '01';
    }
    .secFlow .stepItem:nth-child(2):after{
        content: '02';
    }
    .secFlow .stepItem:nth-child(3):after{
        content: '03';
    }
    .secFlow .stepItem:nth-child(4):after{
        content: '04';
    }
    .secFlow .stepItem:nth-child(5):after{
        content: '05';
    }
    .secFlow .stepItem:nth-child(6):after{
        content: '06';
    }
    .secFlow .stepItem:nth-child(7):after{
        content: '07';
    }
    .secFlow .stepItem:nth-child(8):after{
        content: '08';
    }
    .secFlow .stepItem .boxRight {
        padding: 2rem 3.5rem;
        display: flex;
        gap: 1.4rem;
        align-items: center;
        /* flex-direction: column; */
        flex-wrap: wrap;
    }
    .secFlow .stepItem .boxImg {
        width: 8rem;
        border-radius: 1.5rem;
    }
    .secFlow .stepItem .tit {
        font-size: var(--spFontSize16);
        line-height: 0;
    }
    .secFlow .stepItem .boxTxt {
        width: calc(100% - 9.4rem);
    }
    .secFlow .stepItem .txt {
        margin-top: 0;
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        letter-spacing: 0;
        width: 100%;
    }
    .secFlow .stepItem:nth-child(n+2) {
        margin-top: 2.5rem;
    }
}
/*-----------------------------------------------
    secCost
-----------------------------------------------*/
.secCost{
    margin-top: 20rem;
    margin-bottom: 18.5rem;
}
.secCost .boxInner{
    margin-top: 10rem;
}
.secCost .titBnr{
    width: 100%;
    height: 10rem;
    background: var(--bgFlow);
    color: var(--whiteColor);
    font-size: var(--pcFontSize26);
    line-height: var(--pcLineHeight26_30);
    letter-spacing: var(--pcLetterSpacing26_40);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.secCost .contentsList + .titBnr{
    margin-top: 10rem;
}
.secCost .contentsList{
    margin-top: 5rem;
}
.secCost .contentsList .itemList{
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    border-radius: 3rem;
    padding: 5.5rem 6rem 6rem;
}
.secCost .contentsList .itemList:nth-child(n+2){
    margin-top: 5rem;
}
.secCost .contentsList .titContents{
    font-size: var(--pcFontSize30);
    line-height: var(--pcLineHeight30_42);
    letter-spacing: var(--pcLetterSpacing30_80);
    font-weight: bold;
}
.secCost .contentsList .txtContents{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_28);
    letter-spacing: var(--pcLetterSpacing16_60);
    margin-top: 1.3rem;
}
.secCost .contentsList .txtSmall{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_28);
    letter-spacing: var(--pcLetterSpacing14_60);
}
.secCost .contentsList .realEstateFeeTable{
    width: 100%;
    text-align: center;
    border: 0.1rem solid var(--border_Table);
    margin-top: 3rem;
}
.secCost .contentsList th{
    background-color: var(--beige_darkColor);
}
.secCost .contentsList th,
.secCost .contentsList td{
    width: 50%;
    padding: 1rem 1rem 0.8rem;
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_42);
    letter-spacing: var(--pcLetterSpacing20_80);
    font-weight: bold;
    text-align: center;
}
.secCost .contentsList tr{
    border-bottom: 0.1rem solid var(--border_Table);
}
.secCost .contentsList tbody tr:last-child{
    border-bottom: none;
}
.secCost .contentsList th:nth-child(1),
.secCost .contentsList td:nth-child(1){
    border-right: 0.1rem solid var(--border_Table);
}
.secCost .contentsList .txtCalculation{
    font-size: var(--pcFontSize24);
    line-height: var(--pcLineHeight24_42);
    letter-spacing: var(--pcLetterSpacing24_80);
    font-weight: bold;
    text-align: center;
    margin-top: 2.5rem;
}
.secCost .contentsList .boxCalculation{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_28);
    letter-spacing: var(--pcLetterSpacing14_60);
    text-align: center;
    padding: 1.3rem;
    background: var(--bgCalculation);
    width: 96rem;
    margin: 0.8rem auto 0;
}
.secCost .boxCounter{
    margin-top: 10rem;
    text-align: center;
}
.secCost .boxTxtCounter{
    text-align: left;
    display: flex;
    justify-content: center;
}
.secCost .imgCounter{
    text-align: center;
}
.secCost .boxCounter .imgCounter + .titCounter{
    margin-top: 4.7rem;
}
.secCost .boxCounter .titCounter{
    font-size: var(--pcFontSize40);
    line-height: var(--pcLineHeight40_60);
    letter-spacing: var(--pcLetterSpacing40_80);
    color: var(--ColorConter);
    font-weight: bold;
}
.secCost .boxCounter .txtCounter{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_28);
    letter-spacing: var(--pcLetterSpacing16_60);
    margin-top: 2rem;
}
.secCost .boxCounter .listCounter{
    padding: 6rem 7rem 6rem 9rem;
    border-radius: 5rem;
    background: var(--bgCalculation);
    margin-top: 5rem;
    text-align: left;
}
.secCost .boxCounter .listItem{
    display: flex;
    gap: 2rem;
}
.secCost .boxCounter .listItem:nth-child(2){
    margin-top: 4rem;
}
.secCost .boxCounter .listItem:nth-child(3){
    margin-top: 2.7rem;
}
.secCost .boxCounter .titItem{
    width: 12rem;
    height: 6rem;
    border-radius: 3rem;
    background: var(--ColorConter);
    font-size: var(--pcFontSize24);
    line-height: var(--pcLineHeight24_42);
    letter-spacing: var(--pcLetterSpacing24_80);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--whiteColor);
    font-weight: bold;
    flex-shrink: 0;
}
.secCost .boxCounter .txtItem{
    font-size: var(--pcFontSize28);
    line-height: var(--pcLineHeight28_42);
    letter-spacing: var(--pcLetterSpacing28_80);
    font-weight: bold;
    white-space: nowrap;
    padding-top: 1rem;
}
.secCost .listCounter + .titCounter{
    margin-top: 8.4rem;
}
@media only screen and (max-width:1215px){
    .secCost .titBnr {
        height: 5rem;
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_30);
        letter-spacing: 0;
    }
    .secCost .boxInner {
        margin-top: 6rem;
    }
    .secCost .contentsList .titContents {
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_42);
        letter-spacing: 0;
    }
    .secCost .contentsList .txtContents {
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        letter-spacing: 0;
        margin-top: 1rem;
    }
    .secCost .contentsList .itemList {
        border-radius: 1rem;
        padding: 3rem 2rem;
    }
    .secCost .contentsList .txtSmall {
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_20);
        letter-spacing: 0;
    }
    .secCost .contentsList th, .secCost .contentsList td {
        width: 50%;
        padding: 1rem 0.2rem 0.8rem;
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        letter-spacing: 0;
        vertical-align: middle;
    }
    .secCost .contentsList .itemList:nth-child(n+2) {
        margin-top: 3.2rem;
    }
    .secCost .contentsList + .titBnr {
        margin-top: 5rem;
    }
    .secCost .contentsList {
        margin-top: 3rem;
    }
    .secCost .contentsList .txtCalculation {
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_22);
        letter-spacing: 0;
        text-align: left;
        margin-top: 2rem;
        margin-left: 1rem;
    }
    .secCost .txtCalculation .fWineRed{
        display: block;
    }
    .secCost .contentsList .boxCalculation {
        font-size: var(--spFontSize11);
        text-align: left;
        padding: 1.3rem;
        background: var(--bgCalculation);
        width: 100%;
        margin: 1.8rem auto 0;
    }
    .secCost .contentsList .realEstateFeeTable {
        margin-top: 1.5rem;
    }
    .secCost .boxCounter {
        margin-top: 5rem;
    }
    .secCost .imgCounter {
        width: 17.6rem;
        margin: 0 auto;
    }
    .secCost .boxCounter .titCounter {
        font-size: var(--spFontSize20);
        line-height: var(--spLineHeight20_30);
    }
    .secCost .boxCounter .txtCounter {
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        letter-spacing: 0;
        margin-top: 1.7rem;
    }
    .secCost .boxCounter .titItem {
        width: 6.5rem;
        height: 3rem;
        border-radius: 1.5rem;
        margin: 0 auto;
        font-size: var(--spFontSize14);
    }
    .secCost .boxCounter .listItem {
        display: block;
    }
    .secCost .boxCounter .txtItem {
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_22);
        white-space: wrap;
        padding-top: 1rem;
    }
    .secCost .boxCounter .listCounter {
        padding: 3rem 2rem 4rem;
        border-radius: 2rem;
        margin-top: 2.5rem;
        text-align: center;
    }
    .secCost .boxCounter .listItem:nth-child(2) {
        margin-top: 2rem;
    }
    .secCost .boxCounter .listItem:nth-child(3) {
        margin-top: 2rem;
    }
    .secCost .listCounter + .titCounter {
        margin-top: 3rem;
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_30);
        letter-spacing: var(--spLetterSpacing20_30);
    }
    .secCost {
        margin-top: 10rem;
        margin-bottom: 9.3rem;
    }
    .secCost .boxCounter .imgCounter + .titCounter {
        margin-top: 1.5rem;
    }
}

@media only screen and (max-width:370px){
    .secCost .contentsList th, 
    .secCost .contentsList td {
        font-size: var(--spFontSize11);
    }
}
/*-----------------------------------------------
    secCmnContact
-----------------------------------------------*/
.secCmnContact {
    margin-top: 0;
}
@media only screen and (max-width:1215px){
    .secCmnContact {
        margin-top: 13rem;
    }
}
.secCmnCtaBuy .boxCmnTit.lazyloaded .txtIcon::before {
    background-image: url(../img/index/iconCta.png);
}
.secCmnCtaBuy.lazyloaded .boxList:after {
    background-image: url(../img/index/imgCta.png);
}
@media only screen and (max-width:1215px){
    .secCmnCtaBuy .boxCmnTit .txtIcon {
        background-color: var(--green_darkColor);
    }
    .secCmnCtaBuy.lazyloaded .wrapper:after {
        background-image: url(../img/index/imgCta_sp.png);
    }
}