@charset "utf-8";

.brSp374,
.brSp359{
    display:none;
}
@media only screen and (max-width:374px){
    .brSp374{
        display:inline;
    }
}
@media only screen and (max-width:359px){
    .brSp359{
        display:inline;
    }
}

/* scrollItem */
@media only screen and (max-width:767px){
	.scrollItem{
        position: relative;
        width: 100%;
        height: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .scrollItem::-webkit-scrollbar{
        display: none;
    }
    .scrollItem::before{
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: url(../img/housing_sw/iconScroll.png) center center / 120px auto no-repeat;
        transition: all 0.2s ease-out 0.2s;
        animation: scrollItemAnimation 1s linear infinite;
        z-index: 10;
        pointer-events: none;
    }
    .scrollItem.scrolled::before{
        opacity: 0;
    }
    @keyframes scrollItemAnimation {
        0%   { transform:translateX(0); }
        25%   { transform:translateX(10px) }
        50% { transform:translateX(0); }
        75% { transform:translateX(-10px); }
        100% { transform:translateX(0); }
    }
}

/* secCmnIndexTop */
.secCmnIndexTop{
    background: url(../img/housing_sw/bgCmnIndexTop.jpg) center top / cover;
}
.secCmnIndexTop .titBox{
    padding-left: 20px;
}
.secCmnIndexTop .titBox::after{
    width: 174px;
    height: 161px;
    left: -12px;
    top: -70px;
    background: url(../img/common/iconCmnIndexTop02.png) center top / cover;
}
.secCmnIndexTop .titJpn{
    letter-spacing: 4px;
}
@media only screen and (max-width:767px){
    .secCmnIndexTop{
        background: url(../img/housing_sw/bgCmnIndexTop_sp.jpg) center top / cover;
    }
    .secCmnIndexTop .titBox{
        padding-left: 0;
    }
    .secCmnIndexTop .titBox::after{
        width: 156px;
        height: 101px;
        left: -20px;
        top: -45px;
        background: url(../img/common/iconCmnIndexTop02_sp.png) center top / cover;
    }
    .secCmnIndexTop .titEng{
        width: 113px;
    }
    .secCmnIndexTop .titJpn{
        letter-spacing: 3px;
    }
}
/*-----------------------------------------------
    index
-----------------------------------------------*/
/* secTopSw */
.secTopSw{
    margin-top: 75px;
    position: relative;
}
.secTopSw .titImg{
    text-align: left;
}
.secTopSw .tit{
    font-size: 20px;
    line-height: 2.5;
    margin-top: 45px;
    letter-spacing: 1px;
}
.secTopSw .txt{
    font-size: 15px;
    line-height: 2.26;
    margin-top: 25px;
    letter-spacing: 1px;
}
.secTopSw .img{
    position: absolute;
    right: 0;
    top: -35px;
}
@media only screen and (max-width:767px){
    .secTopSw{
        margin-top: 48px;
    }
    .secTopSw .titImg{
        width: 90px;
    }
    .secTopSw .tit{
        font-size: 18px;
        line-height: 2;
        margin-top: 16px;
        letter-spacing: 1px;
    }
    .secTopSw .txt{
        font-size: 13px;
        line-height: 2;
        margin-top: 14px;
        letter-spacing: normal;
    }
    .secTopSw .img{
        right: 0;
        top: -30px;
        max-width: 130px;
    }
}
@media only screen and (max-width:374px){
    .secTopSw .tit{
        letter-spacing: normal;
    }
}
@media only screen and (max-width:359px){
    .secTopSw .tit{
        font-size: 16px;
    }
}
/* secTopTab */
.secTopTab{
    margin-top: 150px;
}
.secTopTab .topTit{
    text-align: center;
    font-size: 35px;
    letter-spacing: 5px;
}
.secTopTab .topNumber{
    margin: 0 3px;
    display: inline-block;
}
.secTopTab .list{
    display: flex;
    margin-top: 75px;
}
.secTopTab .item{
    width: 15.417%;
    margin-right: 1.4996%;
}
.secTopTab .item:last-child{
    margin-right: 0;
}
.secTopTab .inner{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    color: #000000;
    border: solid 1px #333333;
    height: 110px;
}
.secTopTab .inner::after{
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 50%;
    left: calc(50% - 12px);
    bottom: -12px;
    background: #333333;
}
.secTopTab .inner.lazyloaded::after {
    background: url(../img/housing_sw/iconTopTab.gif) center center / 8px auto no-repeat #333333;
}
.secTopTab .numberTit{
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    position: absolute;
    left: calc(50% - 30px);
    top: -11.5px;
}
.secTopTab .tit{
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 1px;
}
@media only screen and (max-width:767px){
    .secTopTab{
        margin-top: 42px;
    }
    .secTopTab .topTit{
        font-size: 18px;
        letter-spacing: 1px;
    }
    .secTopTab .topNumber{
        width: 16px;
        margin: 0 3px;
    }
    .secTopTab .list{
        display: flex;
        flex-wrap: wrap;
        margin-top: 34px;
    }
    .secTopTab .item{
        width: calc(50% - 7.5px);
        margin-right: 15px;
    }
    .secTopTab .item:nth-child(2n){
        margin-right: 0;
    }
    .secTopTab .item:nth-child(n+3){
        margin-top: 34px;
    }
    .secTopTab .inner{
        height: auto;
        min-height: 80px;
        padding: 22px 0;
    }
    .secTopTab .inner::after{
        width: 20px;
        height: 20px;
        left: calc(50% - 10px);
        bottom: -10px;
    }
    .secTopTab .inner.lazyloaded::after {
        background: url(../img/housing_sw/iconTopTab.gif) center center / 6px auto no-repeat #333333;
    }
    .secTopTab .numberTit{
        width: 40px;
        left: calc(50% - 20px);
        top: -9.5px;
    }
    .secTopTab .numberTit img{
        width: auto;
        height: 19px;
    }
    .secTopTab .tit{
        font-size: 15px;
        line-height: 1.46;
        letter-spacing: 1px;
    }
}
/* secSwDetail */
.secSwDetail{
    margin-top: 85px;
}
.secSwDetail .detailItem{
    padding-top: 10px;
}
.secSwDetail .detailItemBox{
    position: relative;
    display: flex;
    align-items: center;
    height: 420px;
    color: #fff;
}
.secSwDetail .detailImg{
    position: absolute;
    left: calc(50% - 960px);
    top: 0;
}
.secSwDetail .detailTxtBox{
    padding: 2px 0 0 0;
    position: relative;
    z-index: 10;
    width: 100%;
}
.secSwDetail .detailTxtInBox{
    position: relative;
}
.secSwDetail .detailNumber{
    display: inline-block;
    position: relative;
}
.secSwDetail .detailNumber::after{
    position: absolute;
    content: "";
    width: 50px;
    height: 1px;
    background: #8b8b8a;
    right: -65px;
    top: calc(50% - 0.5px);
}
.secSwDetail .detailTit{
    font-size: 50px;
    letter-spacing: 3px;
    margin-top: 23px;
}
.secSwDetail .detailTxt{
    font-size: 22px;
    letter-spacing: 1px;
    margin-top: 30px;
}
.secSwDetail .detailBtn{
    margin-top: 34px;
    border: solid 1px #fff;
    width: 220px;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 0 0 25px;
    position: relative;
    font-size: 20px;
    transition: all 0.4s ease-out;
}
.secSwDetail .detailBtn:not(.active) .detailClose,
.secSwDetail .detailBtn.active .detailOpen{
    display: none;
}
.secSwDetail .detailBtn::before{
    position: absolute;
    content: "";
    width: 20px;
    height: 1px;
    background: #fff;
    right: 30px;
    top: calc(50% - 0.5px);
	transition: all 0.4s ease-out;
}
.secSwDetail .detailBtn::after{
    position: absolute;
    content: "";
    width: 1px;
    height: 20px;
    background: #fff;
    right: 40px;
    top: calc(50% - 10px);
	transition: all 0.4s ease-out;
}
.secSwDetail .detailBtn.active::after{
    display: none;
}
@media only screen and (max-width:767px){
    .secSwDetail{
        margin-top: 45px;
    }
    .secSwDetail .detailItem{
        padding-top: 5px;
    }
    .secSwDetail .detailItemBox{
        height: auto;
    }
    .secSwDetail .detailImg{
        position: static;
    }
    .secSwDetail .detailTxtBox{
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .secSwDetail .detailTxtInBox{
        padding: 13px 0 0 0;
    }
    .secSwDetail .detailNumber img{
        width: auto;
        height: 21px;
    }
    .secSwDetail .detailNumber::after{
        width: 20px;
        right: -30px;
    }
    .secSwDetail .detailTit{
        font-size: 22px;
        letter-spacing: normal;
        margin-top: 12px;
    }
    .secSwDetail .detailTxt{
        font-size: 14px;
        line-height: 1.71;
        letter-spacing: normal;
        margin-top: 6px;
    }
    .secSwDetail .detailBtn{
        position: absolute;
        right: 0;
        bottom: -5px;
        margin-top: 0;
        border: solid 1px #000000;
        background: #fff;
        color: #000000;
        width: 90px;
        height: 25px;
        padding: 0 0 0 10px;
        font-size: 12px;
    }
    .secSwDetail .detailBtn::before{
        width: 9px;
        right: 5px;
        top: calc(50% - 0.5px);
        background: #000000;
    }
    .secSwDetail .detailBtn::after{
        height: 9px;
        right: 9px;
        top: calc(50% - 4.5px);
        background: #000000;
    }
}
@media only screen and (max-width:374px){
    .secSwDetail .detailTxtInBox{
        padding: 5px 0 0 0;
    }
    .secSwDetail .detailTxt{
        font-size: 13px;
    }
}
@media only screen and (max-width:359px){
    .secSwDetail .detailTit{
        font-size: 20px;
        margin-top: 10px;
    }
    .secSwDetail .detailTxt{
        font-size: 11px;
        margin-top: 5px;
    }
    .secSwDetail .detailTxtInBox{
        padding: 0;
    }
}
/* secSwContent */
.secSwContent{
    display: none;
    margin-top: 0;
    padding-bottom: 120px;
    position: relative;
    z-index: 20;
}
.secSwContent.pb0{
    padding-bottom: 0;
}
@media only screen and (max-width:767px){
    .secSwContent{
        margin-top: -10px;
        padding-bottom: 55px;
    }
    .secSwContent.pb0{
        padding-bottom: 0;
    }
}

/* secSwTxtBox */
.secSwTxtBox{
    margin-top: 10px;
}
.secSwTxtBox .item{
    padding-top: 50px;
}
.secSwTxtBox .itemBox{
    box-shadow: 0px 0px 5.82px 0.18px rgba(79, 75, 70, 0.2);
    padding: 50px 80px 80px;
}
.secSwTxtBox .topTitBox{
    border-bottom: solid 1px #d6d6d6;
    padding-bottom: 15px;
    padding-top: 5px;
    padding-left: 55px;
    position: relative;
}
/* .secSwTxtBox .topTitBox::after{
    position: absolute;
    content: "";
    width: 30px;
    height: 3px;
    left: 0;
    bottom: -1.5px;
    background: #0c6334;
    z-index: 10;
} */
.secSwTxtBox .topTit{
    font-size: 26px;
    letter-spacing: 1px;
    line-height: 1.53;
}
.secSwTxtBox .topTit.letter{
    letter-spacing: 0.5px;
}
.secSwTxtBox .topTitIcon{
    position: relative;
    font-size: 20px;
    top: -7px;
}
.secSwTxtBox .topNumber{
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 40px;
    height: calc(100% + 5px);
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #0c6334;
}
@media only screen and (max-width:767px){
    .secSwTxtBox{
        margin-top: 0;
    }
    .secSwTxtBox .item{
        padding-top: 40px;
    }
    .secSwTxtBox .item:first-child{
        padding-top: 30px;
    }
    .secSwTxtBox .itemBox{
        box-shadow: none;
        padding: 25px 4% 0;
        border-top: solid 1px #d6d6d6;
    }
    .secSwTxtBox .topTitBox{
        padding-bottom: 5px;
        padding-top: 9px;
        padding-left: 40px;
        min-height: 62px;
        display: flex;
        align-items: center;
    }
    .secSwTxtBox .topTit{
        font-size: 15px;
        letter-spacing: 0.5px;
        line-height: 1.73;
    }
    .secSwTxtBox .topTitIcon{
        font-size: 13px;
        top: -3px;
    }
    .secSwTxtBox .topNumber{
        width: 30px;
        height: calc(100% - 3px);
        min-height: 62px;
        font-size: 15px;
    }
}
.secSwTxtBox .tempList{
    margin-top: 40px;
}
.secSwTxtBox .tempItem{
    background: #f2efe4;
    padding: 50px;
}
.secSwTxtBox .tempItem:nth-child(n+2){
    margin-top: 30px;
}
.secSwTxtBox .tempTit{
    font-size: 22px;
    letter-spacing: 1px;
}
.secSwTxtBox .tempTxt{
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 2.26;
    margin-top: 18px;
}
.secSwTxtBox .tempImgBox{
    background: #fff;
    margin-top: 30px;
    padding: 40px 0;
}
.secSwTxtBox .boxImg{
    text-align: center;
}
.secSwTxtBox .tempImgTxt{
    font-size: 13px;
    line-height: 1.69;
    letter-spacing: 0.5px;
    margin: 15px 40px -6px;
}
@media only screen and (max-width:767px){
    .secSwTxtBox .tempList{
        margin-top: 20px;
    }
    .secSwTxtBox .tempItem{
        padding: 17px 20px 20px;
    }
    .secSwTxtBox .tempItem:nth-child(n+2){
        margin-top: 20px;
    }
    .secSwTxtBox .tempTit{
        font-size: 15px;
        line-height: 1.6;
        letter-spacing: 1px;
    }
    .secSwTxtBox .tempTxt{
        font-size: 12px;
        letter-spacing: normal;
        line-height: 1.83;
        margin-top: 4px;
    }
    .secSwTxtBox .tempImgBox{
        margin-top: 10px;
        padding: 20px 0;
        overflow: hidden;
    }
    .secSwTxtBox #list01_01 .tempItem .boxImg{
        margin: 0 0 0 20px;
    }
    .secSwTxtBox #list01_01 .tempItem .boxImg .img{
        width: 723px;
    }
    .secSwTxtBox #list01_01 .tempItem .boxImg .img img{
        margin-right: 40px;
    }
    .secSwTxtBox #list01_01 .tempItem .scrollItem::before{
        left: -20px;
    }
    .secSwTxtBox .tempImgTxt{
        font-size: 11px;
        line-height: 1.81;
        letter-spacing: normal;
        margin: 5px 20px -3px;
    }
}
/* peaceBox */
.secSwTxtBox .peaceBox{
    margin-top: 30px;
}
.secSwTxtBox .peaceTxt{
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 2.26;
}
.secSwTxtBox .peaceList{
    margin-top: 40px;
    display: flex;
    justify-content: center;
}
.secSwTxtBox .peaceItem:nth-child(2){
    margin-left: 40px;
}
.secSwTxtBox .peaceImgTxt{
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1.69;
    margin-top: 15px;
}
@media only screen and (max-width:767px){
    .secSwTxtBox .peaceBox{
        margin-top: 15px;
    }
    .secSwTxtBox .peaceTxt{
        font-size: 12px;
        letter-spacing: 0;
        line-height: 1.83;
    }
    .secSwTxtBox .peaceList{
        margin-top: 15px;
        display: block;
    }
    .secSwTxtBox .peaceItem:nth-child(2){
        margin: 15px auto 0;
    }
    .secSwTxtBox .peaceImgTxt{
        font-size: 11px;
        letter-spacing: normal;
        line-height: 1.81;
        margin-top: 5px;
    }
}
/* houseFlex */
.secSwTxtBox .houseFlex{
    margin-top: 40px;
    display: flex;
}
.secSwTxtBox .houseleftBox{
    padding: 0 40px 5px 0;
}
.secSwTxtBox #list01_03 .houseleftBox{
    padding: 0 40px 35px 0;
}
.secSwTxtBox .houseTxt{
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 2.26;
    margin-top: -0.6em;
}
.secSwTxtBox .houseTxtImg{
    text-align: center;
    margin-top: 15px;
}
.secSwTxtBox .houseRightBox{
    flex-shrink: 0;
}
.secSwTxtBox .houseRightTxt{
    font-size: 13px;
    letter-spacing: 1px;
    margin-top: 20px;
}
@media only screen and (max-width:767px){
    .secSwTxtBox .houseFlex{
        margin-top: 15px;
        display: block;
    }
    .secSwTxtBox .houseleftBox{
        padding: 0;
    }
    .secSwTxtBox #list01_03 .houseleftBox{
        padding: 0;
    }
    .secSwTxtBox .houseTxt{
        font-size: 12px;
        letter-spacing: normal;
        line-height: 1.83;
        margin-top: 0;
    }
    .secSwTxtBox .houseRightBox{
        margin-top: 15px;
    }
    .secSwTxtBox .houseRightTxt{
        font-size: 11px;
        letter-spacing: normal;
        margin-top: 8px;
    }
}
/* dateFlex */
.secSwTxtBox .dateFlex{
    display: flex;
    flex-direction: column;
    padding: 0 40px;
}
.secSwTxtBox .dateImg{
    flex-shrink: 0;
    text-align: center;
}
.secSwTxtBox .dateTxt{
    padding-top: 30px;
    margin-top: -6px;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1.69;
}
@media only screen and (max-width:767px){
    .secSwTxtBox .dateFlex{
        display: block;
        padding: 0 15px;
    }
    .secSwTxtBox .dateImg{
        flex-shrink: 0;
    }
    .secSwTxtBox .dateTxt{
        padding-top: 0;
        margin-top: 10px;
        font-size: 11px;
        letter-spacing: normal;
        line-height: 1.81;
    }
}
/* superBox */
.secSwTxtBox .superBox{
    margin-top: 30px;
}
.secSwTxtBox .superTit{
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 2.26;
}
.secSwTxtBox .superList{
    margin-top: 40px;
    display: flex;
    justify-content: center;
}
.secSwTxtBox .superItem:nth-child(2){
    margin-left: 40px;
}
@media only screen and (max-width:767px){
    .secSwTxtBox .superBox{
        margin-top: 15px;
    }
    .secSwTxtBox .superTit{
        font-size: 12px;
        letter-spacing: normal;
        line-height: 1.83;
    }
    .secSwTxtBox .superList{
        margin-top: 20px;
        display: flex;
        justify-content: flex-start;
    }
    .secSwTxtBox .superItem:nth-child(2){
        margin-left: 15px;
    }
    .secSwTxtBox #list02_02 .superItem img{
        width: auto;
        height: 237px;
    }
}
/* #list02_01 */
.secSwTxtBox #list02_01 .houseFlex{
    padding-right: 30px;
}
@media only screen and (max-width:767px){
    .secSwTxtBox #list02_01 .houseFlex{
        padding-right: 0;
    }
}
/* #list02_03 */
@media only screen and (max-width:767px){
    .secSwTxtBox #list02_03 .houseRightImg{
        width: 63.77%;
        max-width: 220px;
        margin: 0 auto;
    }
}
/* #list02_04 */
.secSwTxtBox #list02_04 .houseleftBox{
    padding: 0 40px 55px 0;
}
.secSwTxtBox #list02_04 .houseRightBox{
    width: 348px;
}
.secSwTxtBox .houseRightTxt02{
    font-size: 13px;
    line-height: 1.69;
    margin-top: 5px;
}
@media only screen and (max-width:767px){
    .secSwTxtBox #list02_04 .houseleftBox{
        padding: 0;
    }
    .secSwTxtBox #list02_04 .houseRightBox{
        width: 100%;
    }
    .secSwTxtBox .houseRightTxt02{
        font-size: 11px;
        line-height: 1.81;
        margin-top: 5px;
    }
}
/* fullBox */
.secSwTxtBox .fullBox{
    margin-top: 30px;
}
.secSwTxtBox .fullTxt{
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 2.26;
}
.secSwTxtBox .fullFlexBox{
    margin-top: 40px;
    display: flex;
    justify-content: center;
}
.secSwTxtBox .fullRightImg{
    margin-left: 40px;
}
.secSwTxtBox .fullRightTxt{
    font-size: 13px;
    letter-spacing: 1px;
    margin-top: 10px;
}
@media only screen and (max-width:767px){
    .secSwTxtBox .fullBox{
        margin-top: 15px;
    }
    .secSwTxtBox .fullTxt{
        font-size: 12px;
        letter-spacing: normal;
        line-height: 1.83;
    }
    .secSwTxtBox .fullFlexBox{
        margin-top: 15px;
        display: block;
    }
    .secSwTxtBox .fullRightImg{
        margin: 8px auto 0;
    }
    .secSwTxtBox #list02_05 .fullRightImg img{
        width: 549px;
        margin-right: 4%;
    }
    .secSwTxtBox .fullRightTxt{
        font-size: 11px;
        letter-spacing: normal;
        line-height: 1.81;
        margin-top: 5px;
    }
}
/* ecoaiBox */
.secSwTxtBox .ecoaiBox{
    margin-top: 30px;
}
.secSwTxtBox .ecoaiTit{
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 2.26;
}
.secSwTxtBox .ecoaiFlex{
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 0 40px;
}
.secSwTxtBox .ecoaiImg{
    text-align: center;
}
.secSwTxtBox .ecoaiTxt{
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1.69;
}
@media only screen and (max-width:767px){
    .secSwTxtBox .ecoaiBox{
        margin-top: 15px;
    }
    .secSwTxtBox .ecoaiTit{
        font-size: 12px;
        letter-spacing: normal;
        line-height: 1.83;
    }
    .secSwTxtBox .ecoaiFlex{
        margin-top: 15px;
        display: block;
    }
    .secSwTxtBox .ecoaiTxt{
        margin: 5px auto 0;
        font-size: 11px;
        letter-spacing: normal;
        line-height: 1.81;
    }
}
/* list03_01 */
@media only screen and (max-width:767px){
    .secSwTxtBox #list03_01 .houseRightImg img{
        width: 482px;
        margin-right: 4%;
    }
}
/* list03_03 */
.secSwTxtBox #list03_03 .fullFlexBox{
    align-items: center;
}
/* list03_04 */
.secSwTxtBox .reliefBox{
    margin-top: 30px;
}
.secSwTxtBox .reliefTopTxt{
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 2.26;
}
.secSwTxtBox .reliefList{
    margin-top: 40px;
}
.secSwTxtBox .reliefItem{
    background: #f2efe4;
    padding: 50px;
}
.secSwTxtBox .reliefItem:nth-child(2){
    margin-top: 30px;
    padding-bottom: 70px;
}
.secSwTxtBox .reliefFlex{
    display: flex;
}
.secSwTxtBox .reliefLeftBox{
    padding-right: 40px;
}
.secSwTxtBox .reliefTit{
    font-size: 22px;
}
.secSwTxtBox .reliefTxt{
    font-size: 15px;
    line-height: 2.26;
    letter-spacing: 0.5px;
    margin-top: 20px;
}
.secSwTxtBox .reliefImgBox{
    margin-top: 40px;
    background: #fff;
    padding: 40px;
}
.secSwTxtBox .reliefItem:nth-child(2) .reliefRightBox{
    position: relative;
    top: 50px;
}
@media only screen and (max-width:767px){
    .secSwTxtBox .reliefBox{
        margin-top: 15px;
    }
    .secSwTxtBox .reliefTopTxt{
        font-size: 12px;
        letter-spacing: normal;
        line-height: 1.83;
    }
    .secSwTxtBox .reliefList{
        margin-top: 15px;
    }
    .secSwTxtBox .reliefItem{
        padding: 20px;
    }
    .secSwTxtBox .reliefItem:nth-child(2){
        margin-top: 20px;
        padding-bottom: 20px;
    }
    .secSwTxtBox .reliefFlex{
        display: block;
    }
    .secSwTxtBox .reliefLeftBox{
        padding-right: 0;
    }
    .secSwTxtBox .reliefTit{
        font-size: 15px;
    }
    .secSwTxtBox .reliefTxt{
        font-size: 12px;
        line-height: 1.83;
        letter-spacing: normal;
        margin-top: 10px;
    }
    .secSwTxtBox .reliefRightBox{
        margin: 15px auto 0;
    }
    .secSwTxtBox .reliefImgBox{
        margin-top: 10px;
        padding: 15px;
    }
    .secSwTxtBox .reliefItem:nth-child(2) .reliefRightBox{
        top: 0;
    }
}
/* list04 */
@media only screen and (max-width:767px){
    #list04 .secTab .inner {
        font-size: 10px;
        line-height: 1.63;
        letter-spacing: normal;
        height: 100%;
        min-height: 75px;
        padding: 9px 5px;
    }
}
/* resideFlex */
.secSwTxtBox .resideFlex{
    display: flex;
    margin-top: 40px;
}
.secSwTxtBox .resideTxt{
    font-size: 15px;
    line-height: 2.26;
    letter-spacing: 0.5px;
    padding: 0 30px 0 0;
    margin-top: -0.6em;
}
.secSwTxtBox .resideList{
    display: flex;
}
.secSwTxtBox .resideItem{
    width: 192px;
}
.secSwTxtBox .resideItem:nth-child(2){
    margin-left: 20px;
}
.secSwTxtBox .resideImgTxt{
    font-size: 13px;
    line-height: 1.69;
    margin-top: 15px;
}
@media only screen and (max-width:767px){
    .secSwTxtBox .resideFlex{
        display: block;
        margin-top: 15px;
    }
    .secSwTxtBox .resideTxt{
        font-size: 12px;
        letter-spacing: normal;
        line-height: 1.83;
        padding: 0;
        margin-top: 0;
    }
    .secSwTxtBox .resideList{
        display: block;
        padding: 15px 20px 0;
    }
    .secSwTxtBox .resideItem{
        width: 100%;
        margin: 0 auto;
    }
    .secSwTxtBox .resideItem:nth-child(2){
        margin: 13px auto 0;
    }
    .secSwTxtBox .resideImg{
        width: 192px;
        margin: 0 auto;
    }
    .secSwTxtBox .resideImgTxt{
        font-size: 11px;
        line-height: 1.81;
        margin-top: 7px;
        display: flex;
        justify-content: center;
    }
}
/* #list04_02 */
.secSwTxtBox #list04_02 .houseleftBox{
    padding: 0 40px 150px 0;
}
@media only screen and (max-width:767px){
    .secSwTxtBox #list04_02 .houseleftBox{
        padding: 0;
    }
}
/* uretaBox */
.secSwTxtBox .uretaBox{
    margin-top: 30px;
}
.secSwTxtBox .uretaTit{
    font-size: 15px;
    line-height: 2.26;
    letter-spacing: 0.5px;
}
.secSwTxtBox .uretaImgBox{
    width: 582px;
    margin: 40px auto 0;
}
.secSwTxtBox .uretaImg{
    text-align: center;
}
.secSwTxtBox .uretaImgTxt{
    font-size: 13px;
    line-height: 1.69;
    margin: 13px 15px 0;
}
@media only screen and (max-width:767px){
    .secSwTxtBox .uretaBox{
        margin-top: 15px;
    }
    .secSwTxtBox .uretaTit{
        font-size: 12px;
        line-height: 1.83;
        letter-spacing: normal;
    }
    .secSwTxtBox .uretaImgBox{
        width: 100%;
        margin: 15px auto 0;
    }
    .secSwTxtBox .uretaImgTxt{
        font-size: 11px;
        line-height: 1.81;
        margin: 5px 0 0;
    }
}
/* list04_04 */
.secSwTxtBox #list04_04 .houseleftBox{
    padding: 0 40px 80px 0;
}
.secSwTxtBox #list04_04 .houseRightBox{
    width: 408px;
}
.secSwTxtBox #list04_04 .houseRightTxt02{
    margin-top: 15px;
}
@media only screen and (max-width:767px){
    .secSwTxtBox #list04_04 .houseleftBox{
        padding: 0;
    }
    .secSwTxtBox #list04_04 .houseRightBox{
        width: 100%;
    }
    .secSwTxtBox #list04_04 .houseRightTxt02{
        margin-top: 5px;
    }
}
/* list05_01 */
.secSwTxtBox #list05_01 .fullSubTxt{
    font-size: 13px;
    line-height: 34px;
}
@media only screen and (max-width:767px){
    .secSwTxtBox #list05_01 .fullSubTxt{
        font-size: 11px;
        line-height: 22px;
    }
}
/* list06_02 */
.secSwTxtBox #list06_02 .houseSubTxt{
    font-size: 13px;
    line-height: 34px;
}
@media only screen and (max-width:767px){
    .secSwTxtBox #list06_02 .houseSubTxt{
        font-size: 11px;
        line-height: 22px;
    }
    .secSwTxtBox #list06_03 .houseRightImg{
        width: 192px;
        margin: 0 auto;
    }
}

@media only screen and (max-width:767px){
    .spscroll{
        margin-right: -4%;
    }
    .spscroll .superList{
        padding-right: 4%;
    }
    .spscroll .scrollItem::before {
        left: -2%;
    }
}

#fNaviTab{
    width: 100%;
    background: rgb(255, 255, 255, 0.8);
    position: fixed;
    right: 0;
    top: -310px;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    z-index: 999;
    padding: 20px 0;
    min-width: 1020px;
}
#fNaviTab.jsShow{
    top: 0;
    transform: none;
    -webkit-transform: none;
}
#fNaviTab .secTopTab{
    margin: 0 auto;
}
#fNaviTab .secTopTab .list{
    margin-top: 0;
}
#fNaviTab .secTopTab .inner{
    background: #fff;
}
#fNaviTab .secTopTab .tit{
    font-size: 17px;
}
#fNaviTab .secTopTab .numberTit{
    top: 12px;
}
#fNaviTab .secTopTab .inner::after {
    bottom: 12px;
}
@media only screen and (max-width:1240px){
    #fNaviTab .secTopTab.wrapper1200{
        width: 100%;
        padding: 0 20px;
    }
    #fNaviTab .secTopTab .tit{
        font-size: 14px;
    }
}
@media only screen and (max-width:767px){
    #fNaviTab{
        top: -230px;
        padding: 10px 0;
        min-width: 0;
    }
    #fNaviTab.jsShow{
        top: 0;
    }
    #fNaviTab .secTopTab.wrapper1200{
        width: 94.667%;
        padding: 0;
    }
    #fNaviTab .secTopTab .inner{
        min-height: 44px;
        padding: 7px 0 6px;
    }
    #fNaviTab .secTopTab .tit{
        font-size: 12px;
        margin-top: 10px;
    }
    #fNaviTab .secTopTab .numberTit img{
        height: 14px;
    }
    #fNaviTab .secTopTab .numberTit{
        top: 5px;
    }
    #fNaviTab .secTopTab .inner::after {
        display: none;
    }
    #fNaviTab .secTopTab .item{
        width: 32.395%;
        margin-right: 1.4075%;
    }
    #fNaviTab .secTopTab .item:nth-child(2n){
        margin-right: 1.4075%;
    }
    #fNaviTab .secTopTab .item:nth-child(n+3){
        margin-top: 0;
    }
    #fNaviTab .secTopTab .item:nth-child(3n){
        margin-right: 0;
    }
    #fNaviTab .secTopTab .item:nth-child(n+4){
        margin-top: 1.4075%;
    }
}
@media only screen and (max-width:374px){
    #fNaviTab .secTopTab .tit{
        font-size: 10px;
        margin-top: 14px;
    }
}
  


#header.headernone{
    top: -90px;
}
@media only screen and (max-width:767px){
    #header.headernone{
        top: -50px;
    }
}


.secMasukCover{
    position: relative;
}
.secMasukCover::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.502);
}
.secMasukCover .secMasukTxt{
    font-size: 15px;
    color: #fff;
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-align: right;
    z-index: 15;
}
@media only screen and (max-width:767px){
    .secMasukCover{
        width: 192px;
        margin: 0 auto;
    }
}
/* 250512 */
.secSwTxtBox .peaceList.type01_05{
    align-items: flex-start;
}
.secSwTxtBox .peaceItem.type01_05_01{
    width:408px;
}
.secSwTxtBox .peaceItem.type01_05_02{
    width: 202px;
    padding-top: 21px;
}
.secSwTxtBox .peaceList.type01_05  .peaceItem + .peaceItem{
    margin-left:40px;
}
@media only screen and (max-width:767px){
    .secSwTxtBox .peaceList.type01_05{
        align-items: flex-start;
    }
    .secSwTxtBox .peaceItem.type01_05_01{
        max-width:408px;
        width: 100%;
        margin: 0 auto;
    }
    .secSwTxtBox .peaceItem.type01_05_02{
        max-width:180px;
        width: 100%;
        padding-top: 0;
    }
    .secSwTxtBox .peaceList.type01_05  .peaceItem + .peaceItem{
        margin: 0 auto;
        margin-top: 10px;
    }
}
/* seclist04_02 */
.secSwTxtBox #list04_02 .houseleftBox{
    padding: 0px 40px 0 0;
}
.seclist04_02{
    width: 408px;
}
.seclist04_02 .Onimg{
    display: block;
    width: 100%;
}
.seclist04_02 .underlist{
    display: flex;
    margin-top: 14px;
}
.seclist04_02 .itembox{
    width: calc((100% - 24px) / 2);
}
.seclist04_02 .itembox + .itembox{
    margin-left: 24px;
}
.seclist04_02 .undertxt{
    font-size: 13px;
    line-height: calc(22 / 13);
}
@media only screen and (max-width:767px){
    .secSwTxtBox #list04_02 .houseleftBox{
        padding:0;
    }
    .seclist04_02{
        max-width: 408px;
        width: 100%;
        margin: 0 auto;
    }
    .seclist04_02 .underlist{
        margin-top: 8px;
    }
    .seclist04_02 .itembox{
        width: calc((100% - ((24 / 375) * 100%)) / 2);
    }
    .seclist04_02 .itembox + .itembox{
        margin-left: calc((24 / 375) * 100%);
    }
    .seclist04_02 .undertxt{
        font-size: 11px;
        line-height: calc(20 / 11);
    }
}