@charset "utf-8";
.secCmnHero .titIn{
    min-height: 530px;
}
.estate_type03 .secCmnHero .titCon {
    align-items: center;
}
.secCategorytit .backimg::after {
    background-color: unset;
}
@media only screen and (max-width:1215px){
    .secCmnHero .inner{
        height: auto;
    }
    .secCmnHero .titIn{
        min-height: 425px;
    }
}
/* secContents */
.secContents{
    margin-top: 150px;
}
.secTab + .secCategorybox .secContents:first-child{
    margin-top: 100px;
}
.secContents .contentlist{
    color: var(--brandColor);
}
.secContents .list{
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}
.secContents .item{
    width: calc((100% - 180px) / 4);
    margin-right: 60px;
}
.secContents .item:nth-child(4n){
    margin-right: 0;
}
.secContents .item:nth-child(n + 5){
    margin-top: 54px;
}
.secContents .imgbox{
    width: 100%;
    height: 0;
    padding-top: 72.73%;
    background-color: #fff;
}
.secContents .txtbox{
    text-align: left;
    padding-top: 22px;
}
.secContents .tit{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_15);
    font-weight: bold;
}
.secContents .txt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_173);
    font-weight: bold;
    margin-top: 14px;
}
@media only screen and (max-width:1215px){
    .secContents{
        padding-top: 70px;
        margin-top: 0;
    }
    .secTab + .secCategorybox .secContents:first-child{
        margin-top: 20px;
        padding-top: 0;
    }
    /* .secCategorybox{
        padding-bottom: 65px;
    } */
    .secContents .list{
        display:block;
        margin-top: 110px;
    }
    .secContents .item{
        width:100%;
        margin-right: 0px;
    }
    .secContents .item:nth-child(4n){
        margin-right: 0;
    }
    .secContents .item:nth-child(n + 2),
    .secContents .item:nth-child(n + 5){
        margin-top: 35px;
    }
    .secContents .imgbox{
        padding-top: 72.465%;
    }
    .secContents .txtbox{
        padding-top: 15px;
    }
    .secContents .tit{
        font-size: var(--spFontSize20);
    }
    .secContents .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_157);
        margin-top: 9px;
    }
}
.secContents .middlebox{
    margin-top: 40px;
    color: var(--brandColor);
}
.secContents .middlelist{

}
.secContents .middleitem{
    display: flex;
    align-items: center;
}
.secContents .middleitem + .middleitem{
    margin-top:80px;
}
.secContents .middleitem:nth-child(2n + 1){
    flex-direction: row-reverse;
}
.secContents .middleimg{
    width: 660px;
}
.secContents .middletxtbox{
    flex: 1;
}
.secContents .middleitem:nth-child(2n + 1) .middletxtbox{
    padding-right:60px;
}
.secContents .middleitem:nth-child(2n) .middletxtbox{
    padding-left:60px;
}
.secContents .middletit{
    font-size:var(--pcFontSize30);
    line-height: var(--pcLineHeight30_15);
    font-weight: bold;
}
.secContents .middletxt{
    font-size:var(--pcFontSize15);
    line-height: var(--pcLineHeight15_173);
    font-weight: bold;
}
.secContents .middletit + .middletxt{
    margin-top: 23px;
}
@media only screen and (max-width:1215px){
    .secContents .middlebox{
        margin-top: 110px;
    }
    .secContents .middleitem{
        display:block;
    }
    .secContents .middleitem + .middleitem{
        margin-top: 35px;
    }
    .secContents .middleimg{
        width: 100%;
    }
    .secContents .middleitem:nth-child(2n + 1) .middletxtbox,
    .secContents .middleitem:nth-child(2n) .middletxtbox,
    .secContents .middletxtbox{
        padding: 0;
        width: 100%;
        margin-top: 14px;
    }
    .secContents .middletit{
        font-size:var(--spFontSize20);
    }
    .secContents .middletxt{
        font-size:var(--spFontSize14);
        line-height: var(--spLineHeight14_157);
    }
    .secContents .middletit + .middletxt{
        margin-top: 9px;
    }
}

.secContents .qualitylist{
    display: flex;
    flex-wrap: wrap;
}
.secContents .middlelist + .qualitylist{
    margin-top: 80px;
}
.secContents .qualityitem{
    width: calc((100% - 60px) / 2);
    margin-right: 60px;
}
.secContents .qualityitem:nth-child(2n){
    margin-right: 0;
}
.secContents .qualityitem:nth-child(n + 3){
    margin-top: 74px;
}
.secContents .qualityimg{
    width: 100%;
    height: 0;
    padding-top:524px;
    padding-top: 72.778%;
}
.secContents .qualitytxtbox{
    padding-top: 30px;
}
.secContents .qualitytit{
    font-size:var(--pcFontSize30);
    line-height: var(--pcLineHeight30_15);
    font-weight: bold;
}
.secContents .qualitytxt{
    font-size:var(--pcFontSize15);
    line-height: var(--pcLineHeight15_173);
    font-weight: bold;
}
.secContents .qualitytit + .qualitytxt{
    margin-top: 23px;
}
@media only screen and (max-width:1215px){
    .secContents .qualitylist{
        display: block;
    }
    .secContents .middlelist + .qualitylist{
        margin-top: 35px;
    }
    .secContents .qualityitem{
        width:100%;
        margin-right: 0px;
    }
    .secContents .qualityitem:nth-child(2n){
        margin-right: 0;
    }
    .secContents .qualityitem:nth-child(n + 2),
    .secContents .qualityitem:nth-child(n + 3){
        margin-top: 35px;
    }
    .secContents .qualityimg{
        padding-top: 72.755%;
    }
    .secContents .qualitytxtbox{
        padding-top: 14px;
    }
    .secContents .qualitytit{
        font-size:var(--spFontSize20);
    }
    .secContents .qualitytxt{
        font-size:var(--spFontSize14);
        line-height: var(--spLineHeight14_157);
    }
    .secContents .qualitytit + .qualitytxt{
        margin-top: 9px;
    }
}
.secCategorytit {
    position: relative;
    height: auto;
}
.secCategorytit .backimg {
    position: absolute;
    width: 1720px;
    height: 376px;
    top: 0;
    left: calc(50% - 860px);
}
.secCategorytit .titIn {
    padding-bottom: 32px;
    position: relative;
}
.secCategorytit .titIn:before {
    content: "";
    position: absolute;
    left: calc(50% - 25px);
    bottom: 0;
    z-index: 2;
    width: 25px;
    height: 1px;
    background: var(--type03Active);
}
.secCategorytit .titIn::after {
    content: "";
    position: absolute;
    left: calc(50% - 25px);
    bottom: 0;
    width: 50px; 
    height: 1px; 
    background: var(--accessBorderBefore); 
}
.secCategorytit .jpntit {
    margin-top: 16px;
    font-weight: bold;
}
.secContents:nth-child(n + 2){
    margin-top: 100px;
}
.secContents:nth-child(2n){
    background: var(--bgType03);
    padding-bottom: 130px;
    padding-top: 55px;
}
.secContents:nth-child(2n) .contentlist{
    color: var(--textColor);
}
.secContents:nth-child(2n) .secCategorytit .jpntit {
    color: var(--brandColor);
}

.estate_type03 .secCmnMember {
    padding: 150px 0;
    margin-top: 150px;
}
.estate_type03 .memberTit {
    color: var(--brandColor);
}
.secCategorytit .boxTit{
    margin-bottom: 70px;
}
@media only screen and (max-width:1215px){
    .secCategorytit {
        position: relative;
        height: auto;
        min-height: unset;
    }
    .secCategorytit .jpntit {
        margin-top: 10px;
        font-size: var(--spFontSize20);
    }
    .secCategorytit .backimg {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
    .secCategorytit .titIn {
        position: absolute;
        bottom: -67px;
        padding-bottom: 15px;
        margin-top: 0;
    }
    .estate_type03 .secCmnMember {
        padding: 70px 0 30px;
        margin-top: 55px;
    }
    .secCategorytit .titIn::after {
        left: calc(50% - 17.5px);
        width: 35px;
    }
    .secCategorytit .titIn:before {
        left: calc(50% - 17.5px);
        width: 17.5px;
        height: 1px;
    }
    .secCategorytit .boxTit {
        margin-bottom: 20px;
    }
    .secContents {
        padding-bottom: 45px;
    }
    .secContents:nth-child(n + 2) {
        margin-top: 0;
        padding-bottom: 45px;
        padding-top: 45px;
    }
    .secContents:last-child{
        padding-bottom: 0;
    }
    .secContents:nth-child(2n) {
        padding-bottom: 45px;
        padding-top: 45px;
    }
    .secCategorytit .Categoryinner {
        min-height: unset;
        padding: 0;
    }
}

.boxTit .outLineTit{
    font-size: var(--pcFontSize90);
    letter-spacing: var(--pcLetterSpacing90_30);
        font-weight: 900;
    color: transparent;
    margin-top: -51px;
    color: var(--textColor);
    -webkit-text-stroke: 1px var(--brandColor);
    text-align: center;
}
.boxTit .outLineTxt{
    font-size: var(--pcFontSize30);
    letter-spacing: var(--pcLetterSpacing30_50);
        font-weight: 900;
    text-align: center;
    margin-top: 22px;
}
@media only screen and (max-width:1215px){
    .boxTit .outLineTit{
        font-size:var(--spFontSize40);
        letter-spacing:var(--spLetterSpacing40_50);
        margin-top: -23px;
    }
    .boxTit .outLineTxt{
        font-size: var(--spFontSize20);
        line-height: var(--spLetterSpacing20_50);
        margin-top: 15px;
    }
    
}

.secTab{
    display: flex;
    gap: 30px 3.12%;
    margin-top: 100px;
    flex-wrap: wrap;
}
.secTab .itemTab{
    width: 48.4375%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: var(--textColor);
    color: var(--brandColor);
    border: 1px solid var(--brandColor);
    font-size: var(--pcFontSize30);
    letter-spacing: var(--pcLetterSpacing30_50);
    line-height: var(--pcLineHeight30_40)
}
.secTab .itemTab.active{
    background: #999490;
    color: var(--textColor);
    border: 1px solid #999490;
}
@media only screen and (max-width:1215px){
    .secTab{
        margin-top: 70px;
        gap: 10px 3.48%;
    }
    .secTab .itemTab{
        width: 47.826%;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        font-size: var(--spFontSize16);
        letter-spacing: var(--spLetterSpacing16_05);
        line-height: var(--spLineHeight16_24);
    }
}