@charset "utf-8";
.secIndexTitle{
    position: relative;
    text-align: center;
    padding-top: 43px;
    padding-bottom: 59px;
}
.secIndexTitle::after{
    content: "";
    position: absolute;
    width:100px;
    height: 6px;
    background-color: #f16e28;
    bottom: 0;
    left: calc(50% - 50px);
}
.secIndexTitle .titEng{
    font-size: 38px;
    line-height: calc(50 / 38);
    font-weight: bold;
    letter-spacing: 0.05em;
}
.secIndexTitle .titJpn{
    font-size: 18px;
    line-height: calc(24 / 18);
    font-weight: bold;
    margin-top: 10px;
}
@media only screen and (max-width:767px){
    .secIndexTitle{
        padding-top: 19px;
        padding-bottom: 22px;
    }
    .secIndexTitle::after{
        width:50px;
        height: 3px;
        left: calc(50% - 25px);
    }
    .secIndexTitle .titEng{
        font-size: 30px;
    }
    .secIndexTitle .titJpn{
        font-size: 15px;
        margin-top: 0;
    }
}
/* imgIndexHero */
.imgIndexHero{
    width: 100%;
    overflow: hidden;
}
.imgIndexHero .inner{
    position: relative;
    height: 645px;
}
.imgIndexHero .imgtit{
    width: 1920px;
    height: 645px;
    position: absolute;
    top: 0;
    left: calc(50% - 960px);
}
@media only screen and (max-width:1460px){
    .imgIndexHero .inner{
        height: calc((645 / 1460) * 100vw);
    }
    .imgIndexHero .imgtit{
        width: calc((1920 / 1460) * 100vw);
        height: calc((645 / 1460) * 100vw);
        left: calc(50% - calc((1920 / 1460) * 100vw / 2));
    }
}
@media only screen and (max-width:1240px){
    .imgIndexHero .inner{
        height: 550px;
    }
    .imgIndexHero .imgtit{
        width: 1637px;
        height: 550px;
        left: calc(50% - 818.5px);
    }
}
@media only screen and (max-width:767px){
    .imgIndexHero .inner{
        height: calc((367 / 375) * 100vw);
    }
    .imgIndexHero .imgtit{
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
    }
}
/* secConcept_Index */
.secConcept_Index{
    width: 100%;
    margin-top: 70px;
    padding-bottom: 250px;
}
.secConceptlist{
    position: relative;
}
.secConceptItem{
    width: 100%;
    overflow: hidden;
}
.secConceptItem + .secConceptItem{
    margin-top: 140px;
}
.secConceptItem .concepttitbox{
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
}
.secConceptItem#Money .concepttitbox{
    background-color: #f16e28;
}
.secConceptItem#Design .concepttitbox{
    background-color: #97c035;
}
.secConceptItem#Estate .concepttitbox{
    background-color: #9b9062;
}
.secConceptItem .concepttit{
    display: inline-block;
    text-align: center;
    width: 100%;
    font-size:40px;
    line-height: calc(80 / 40);
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.05em;
}
.secConceptItem .concepttit .num{
    font-size: 80px;
    line-height: 1;
    font-weight: bold;
    vertical-align: -12px;
}
@media only screen and (max-width:767px){
    .secConcept_Index{
        margin-top: 20px;
        padding-bottom: 0;
        margin-bottom: 60px;
    }
    .secConceptItem + .secConceptItem{
        margin-top: 40px;
    }
    .secConceptItem .concepttitbox{
        height: 60px;
    }
    .secConceptItem .concepttit{
        font-size:16px;
        line-height: calc(26 / 16);
    }
    .secConceptItem .concepttit .num{
        font-size: 26px;
        vertical-align: -3px;
    }
}
/* contentlist */
.contentlist{
    margin-top:70px;
}
.contentlist .contentItem{
    position: relative;
}
.contentlist .contentItem + .contentItem{
    margin-top: 140px;
}
.contentlist .itemInner{
    display: flex;
    min-height: 610px;
    position: relative;
    align-items: center;
}
@media only screen and (min-width:768px){
    .contentlist .contentItem:nth-child(2n + 1) .itemInner{
        padding-left: 700px;
    }
    .contentlist .contentItem:nth-child(2n) .itemInner{
        padding-right: 700px;
    }
    @media only screen and (max-width:1460px){
        .contentlist .contentItem{
            width: 1220px;
        }
        .contentlist .contentItem:nth-child(2n + 1) .itemInner{
            padding-left: 600px;
        }
        .contentlist .contentItem:nth-child(2n) .itemInner{
            padding-right: 600px;
        }
    }
}
.contentlist .imgbox{
    width: 900px;
    height: 610px;
}
@media only screen and (min-width:768px){
    .contentlist .imgbox{
        position: absolute;
    }
    .contentlist .contentItem:nth-child(2n + 1) .imgbox{
        right: 760px;
    }
    .contentlist .contentItem:nth-child(2n) .imgbox{
        left: 759px;
    }
    @media only screen and (max-width:1460px){
        .contentlist .imgbox{
            width: 720px;
            height: 488px;
        }
        .contentlist .itemInner{
            min-height: 488px;
        }
        .contentlist .contentItem:nth-child(2n + 1) .imgbox{
            right: 660px;
        }
        .contentlist .contentItem:nth-child(2n) .imgbox{
            left: 660px;
        }
    }
}
.contentlist .txtbox{
    flex: 1;
    padding-bottom: 16px;
}
.contentlist .txtbox .tit{
    font-size: 45px;
    line-height: calc(70 / 45);
    font-weight: bold;
    letter-spacing: 0.075em;
}
.secConceptItem .tit .baseColor{
    color: #f16e28;
}
.contentlist .txtbox .subtxt{
    font-size: 28px;
    line-height: calc(50 / 28);
    font-weight: bold;
    margin-top: 17px;
    letter-spacing: 0.05em;
}
.contentlist .txtbox .txt{
    font-size: 16px;
    line-height: calc(34 / 16);
    margin-top: 20px;
}
.contentlist .morebox{
    display: block;
    width:300px;
    margin-top: 31px;
}
.contentlist .morelink{
    width: 100%;
    height: 66px;
    display: flex;
    align-items: center;
    border: 1px solid;
    border-color:#000;
    background-color: #fff;
    border-radius: 5px;
}
.contentlist .linktxt{
    display: inline-block;
    text-align: center;
    width: 100%;
    font-size:22px;
    line-height: calc(30 / 22);
    font-weight: bold;
    letter-spacing: 0.05em;
}
.contentlist .linktxt .linktxtIn{
    display: inline-block;
    position: relative;
    padding-right: calc(42px + 8px);
}
.contentlist .linktxtIn::after{
    content: "";
    position: absolute;
    width: 42px;
    height: 10px;
    right: 0;
    top: calc(50% - 5px);
}
.contentlist .morebox.lazyloaded .linktxtIn::after{
    background: url(../img/concept/imgArrowRight.png) no-repeat center center;
    background-size: 100% auto;
}
@media only screen and (max-width:1460px){
    .contentlist .txtbox .tit{
        font-size: 35px;
        line-height: calc(55 / 35);
    }
    .contentlist .txtbox .subtxt{
        font-size: 24px;
        line-height: calc(40 / 24);
    }
    .contentlist .txtbox .txt{
        font-size: 14px;
        line-height: calc(30 / 14);
    }
}
@media only screen and (max-width:767px){
    .contentlist{
        margin-top:20px;
    }
    .contentlist .contentItem{
        position: relative;
    }
    .contentlist .contentItem + .contentItem{
        margin-top: 40px;
    }
    .contentlist .itemInner{
        display: block;
        min-height:0;
    }
    .contentlist .imgbox{
        width:100%;
        height: auto;
    }
    .contentlist .txtbox{
        width: calc((345 / 375) * 100%);
        margin: 0 auto;
        padding-bottom: 0;
        margin-top: 14px;
    }
    .contentlist .txtbox .tit{
        font-size: 20px;
        line-height: calc(30 / 20);
    }
    .contentlist .txtbox .subtxt{
        font-size: 14px;
        line-height: calc(26 / 14);
        margin-top: 6px;
    }
    .contentlist .txtbox .txt{
        font-size: 12px;
        line-height: calc(25 / 12);
        margin-top: 10px;
    }
    .contentlist .morebox{
        width:240px;
        margin: 0 auto;
        margin-top: 18px;
    }
    .contentlist .morelink{
        height: 50px;
    }
    .contentlist .linktxt{
        font-size:18px;
        line-height: calc(24 / 18);
    }
    .contentlist .linktxt .linktxtIn{
        padding-right: calc(24px + 6px);
    }
    .contentlist .linktxtIn::after{
        width: 24px;
        height: 6px;
        top: calc(50% - 3px);
    }
}
/* secZehBnr */
.secZehBnr{
    margin-top: 120px;
}
.secZehBnr .linkBnr{
    width: 100%;
    height: 0;
    padding-top: calc(280 / 1920 * 100vw);
    display: block;
    transition: 0.5s;
}
.secZehBnr.lazyloaded .linkBnr{
    background: url(../img/index/bnrZeh_blur.jpg) center top / cover no-repeat, url(../img/index/bnrZeh.jpg) center top / cover no-repeat;
}
@media only screen and (min-width:768px){
    .secZehBnr .linkBnr:hover{
        opacity: 1;
    }
    .secZehBnr.lazyloaded .linkBnr:hover{
        background: url(../img/index/bnrZeh.jpg) center top / cover no-repeat;
    }
}
@media only screen and (max-width:767px){
    .secZehBnr{
        margin: 0 auto;
        margin-top: 70px;
        width: calc(355 / 375 * 100vw);
    }
    .secZehBnr .linkBnr{
        padding-top: calc((80 / 355) * 100%);
    }
    .secZehBnr.lazyloaded .linkBnr{
        background-image:url(../img/index/bnrZeh_sp.jpg);
    }
}