@charset "utf-8";

.brSp374{
    display: none;
}
@media only screen and (max-width:374px){
    .brSp374{
        display: inline;
    }
}
/* secCmnTit */
.secCmnTit{
    background: url(../img/concept/bgCmnTit.jpg) center top no-repeat;
}
@media only screen and (max-width:767px){
    .secCmnTit{
        background: url(../img/concept/bgCmnTit_sp.jpg) center top / cover;
    }
}
/* secPrice */
.secPrice{
    height: 1000px;
    padding-top: 88px;
}
.secPrice.lazyloaded{
    background: url(../img/concept/bgPrice.jpg) center top / cover;
}
.secPrice .topTit{
    font-size: 88px;
    text-align: center;
    line-height: 1.36;
    letter-spacing: 2px;
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.secPrice .txt{
    font-size: 20px;
    line-height: 2.4;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    margin-top: 20px;
}
.secPrice .priceList{
    display: flex;
    justify-content: center;
    margin-top: 68px;
}
.secPrice .priceItem{
    width: 260px;
    height: 260px;
    border-radius: 50%;
    margin-right: 30px;
    padding-top: 147px;
    text-align: center;
    background: #fff;
}
.secPrice .priceItem:last-child{
    margin-right: 0;
}
.secPrice .priceItem:nth-child(1).lazyloaded{
    background: url(../img/concept/iconPrice01.gif) center top 73px / 100px auto no-repeat #fff;
}
.secPrice .priceItem:nth-child(2).lazyloaded{
    background: url(../img/concept/iconPrice02.gif) center top 61px / 81px auto no-repeat #fff;
}
.secPrice .priceItem:nth-child(3).lazyloaded{
    background: url(../img/concept/iconPrice03.gif) center top 60px / 80px auto no-repeat #fff;
}
.secPrice .priceItem:nth-child(4).lazyloaded{
    background: url(../img/concept/iconPrice04.gif) center top 63px / 80px auto no-repeat #fff;
}
.secPrice .priceTxt{
    font-size: 18px;
    line-height: 1.66;
}
@media only screen and (max-width:767px){
    .secPrice{
        height: auto;
        padding: 41px 0 50px;
    }
    .secPrice.lazyloaded{
        background: url(../img/concept/bgPrice_sp.jpg) center top / cover;
    }
    .secPrice .topTit{
        font-size: 30px;
        line-height: 1.4;
        letter-spacing: normal;
    }
    .secPrice .txt{
        font-size: 13px;
        line-height: 2.15;
        letter-spacing: normal;
        margin-top: 17px;
    }
    .secPrice .priceList{
        flex-wrap: wrap;
        margin-top: 23px;
    }
    .secPrice .priceItem{
        width: 49.276%;
        height: auto;
        border-radius: 0;
        margin-right: 1.448%;
        padding: 90px 0 26px;
    }
    .secPrice .priceItem:nth-child(2n){
        margin-right: 0;
    }
    .secPrice .priceItem:nth-child(n+3){
        margin-top: 1.448%;
    }
    .secPrice .priceItem:nth-child(1).lazyloaded{
        background-position: center top 38px;
        background-size: 69px auto;
    }
    .secPrice .priceItem:nth-child(2).lazyloaded{
        background-position: center top 30px;
        background-size: 55px auto;
    }
    .secPrice .priceItem:nth-child(3).lazyloaded{
        background-position: center top 30px;
        background-size: 55px auto;
    }
    .secPrice .priceItem:nth-child(4).lazyloaded{
        background-position: center top 30px;
        background-size: 55px auto;
    }
    .secPrice .priceTxt{
        font-size: 13px;
        line-height: 1.61;
    }
}
@media only screen and (max-width:359px){
    .secPrice .topTit{
        font-size: 27px;
    }
    .secPrice .txt{
        font-size: 12px;
    }
    .secPrice .priceTxt{
        font-size: 12px;
    }
}
/* secEria */
.secEria{
    position: relative;
    background: #f8fdff;
}
.secEria::after{
    position: absolute;
    content: "";
    width: 1920px;
    height: 850px;
    top: 0;
    left: calc(50% - 960px);
}
.secEria.lazyloaded::after{
    background: url(../img/concept/bgEria.jpg?251208) center top / cover;
}
.secEria .wrapper{
    position: relative;
    z-index: 10;
    padding: 120px 0 120px;
}
.secEria .leftImgBox{
    position: absolute;
    display: flex;
    left: calc(50% - 820px);
    bottom: 138px;
}
.secEria .rightImg{
    margin: 100px 0 0 10px;
}
.secEria .eriaBox{
    padding: 440px 80px 0 0;
    display: flex;
    justify-content: flex-end;
}
.secEria .tit{
    font-size: 32px;
    letter-spacing: 1px;
    line-height: 1.5625;
}
.secEria .txtImg{
    margin-top: 22px;
}
@media only screen and (max-width:767px){
    .secEria::after{
        width: 375px;
        height: 700px;
        left: auto;
        right: 0;
    }
    .secEria.lazyloaded::after{
        background: url(../img/concept/bgEria_sp.jpg) center top / cover;
    }
    .secEria .wrapper{
        padding: 30px 0 50px;
    }
    .secEria .leftImgBox{
        position: static;
        justify-content: flex-end;
    }
    .secEria .leftImg{
        width: 31.885%;
    }
    .secEria .rightImg{
        width: 31.885%;
        margin: 30px 0 0 1.45%;
    }
    .secEria .titImg{
        width: 250px;
    }
    .secEria .eriaBox{
        padding: 257px 0 0 0;
        display: block;
    }
    .secEria .tit{
        font-size: 16px;
        letter-spacing: normal;
        line-height: 1.5625;
        text-align: center;
    }
    .secEria .txtImg{
        width: 225px;
        margin: 11px auto 0;
    }
}
@media only screen and (max-width:359px){
    .secEria .tit{
        font-size: 14px;
    }
}
/* secHoom */
.secHoom{
    height: 522px;
    position: relative;
    padding-top: 116px;
    color: #fff;
}
.secHoom.lazyloaded{
    background: url(../img/concept/bgHoom.jpg) center top / cover;
}
.secHoom::after{
    position: absolute;
    content: "";
    width: 300px;
    height: 100px;
    bottom: -100px;
    left: calc(50% - 150px);
}
.secHoom.lazyloaded::after{
    background: url(../img/concept/bgHoom02.jpg) center top / cover;
}
.secHoom .topTit{
    font-size: 35px;
    letter-spacing: 1px;
    text-align: center;
}
.secHoom .hoomList{
    margin-top: 50px;
    display: flex;
}
.secHoom .hoomItem{
    border: solid 1px #fff;
    width: 31.25%;
    margin-right: 3.125%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 1.83;
}
.secHoom .hoomItem:last-child{
    margin-right: 0;
}
@media only screen and (max-width:767px){
    .secHoom{
        height: auto;
        padding: 44px 0 50px;
    }
    .secHoom.lazyloaded{
        background: url(../img/concept/bgHoom_sp.jpg) center top / cover;
    }
    .secHoom::after{
        width: 140px;
        height: 50px;
        bottom: -50px;
        left: calc(50% - 70px);
    }
    .secHoom.lazyloaded::after{
        background: url(../img/concept/bgHoom02_sp.jpg) center top / cover;
    }
    .secHoom .topTit{
        font-size: 18px;
        line-height: 1.66;
        letter-spacing: normal;
    }
    .secHoom .hoomList{
        margin-top: 23px;
        display: block;
    }
    .secHoom .hoomItem{
        width: 88.406%;
        margin-right: 0;
        height: 140px;
        font-size: 16px;
        letter-spacing: normal;
        line-height: 1.625;
        margin: 0 auto;
    }
    .secHoom .hoomItem:last-child{
        margin-right: auto;
    }
    .secHoom .hoomItem:nth-child(n+2){
        margin-top: 15px;
    }
}
@media only screen and (max-width:359px){
    .secHoom .topTit{
        font-size: 16px;
    }
}
/* secMyHoom */
.secMyHoom{
    padding-top: 145px;
}
.secMyHoom .topTit{
    font-size: 32px;
    line-height: 1.71875;
    letter-spacing: 1px;
    text-align: center;
}
.secMyHoom .back{
    background: linear-gradient(transparent 15%, #fff600 15%, #fff600 90%, transparent 90%);
    padding: 1px;
}
.secMyHoom .hoomList{
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.secMyHoom .hoomItem{
    width: 23.4375%;
    margin-right: 2.08333%;
}
.secMyHoom .hoomItem:nth-child(n+4){
    margin-top: 40px;
}
.secMyHoom .hoomItem:last-child{
    margin-right: 0;
}
.secMyHoom .txt{
    font-size: 20px;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 15px;
}
.secMyHoom .myHoomImg{
    margin-top: 71px;
}
@media only screen and (max-width:767px){
    .secMyHoom{
        padding-top: 74px;
        padding-bottom: 40px;
    }
    .secMyHoom .topTit{
        font-size: 16px;
        line-height: 1.75;
        letter-spacing: normal;
    }
    .secMyHoom .hoomList{
        margin-top: 24px;
        flex-wrap: wrap;
    }
    .secMyHoom .hoomItem{
        width: 31.885%;;
        margin-right: 2.1%;
    }
    .secMyHoom .hoomItem:last-child{
        margin-right: 0;
    }
    .secMyHoom .hoomItem:nth-child(3n){
        margin-right: 0;
    }
    .secMyHoom .hoomItem:nth-child(n+4){
        margin-top: 20px;
    }
    .secMyHoom .txt{
        font-size: 12px;
        letter-spacing: 1px;
        margin-top: 10px;
    }
    .secMyHoom .myHoomImg{
        margin: 42px auto 0 1.5%;
        width: 92.174%;
    }
}
/* secGallerySlider */
.secGallerySlider{
    margin-top: 45px;
}
.secGallerySlider .boxSlider{
    position: relative;
    overflow: hidden;
}
.secGallerySlider .swiper-wrapper{
    transition-timing-function: linear;
}
.secGallerySlider .swiper{
    width: 750px;
    overflow: visible;
}
/* .swiper-backface-hidden .swiper-slide:nth-child(2n),
.swiper-backface-hidden .swiper-slide:nth-child(4n){
    box-shadow: 0px 0px 4.75px 0.25px rgba(0, 0, 0, 0.25);
} */
@media only screen and (max-width:767px){
    .secGallerySlider{
        margin-top: -15px;
    }
    .secGallerySlider .swiper{
        width: 56.267%;
    }
    .secGallerySlider .img{
        text-align: center;
        width: auto;
    }
    .secGallerySlider img{
        max-width: 100%;
        height: auto;
        width: auto;
    }
}
/* secOwner */
.secOwner{
    margin-top: 5px;
    padding-top: 133px;
    height: 1231px;
    color: #fff;
}
.secOwner.lazyloaded{
    background: url(../img/concept/bgOwner.jpg) center top / cover;
}
.secOwner .topTit{
    font-size: 32px;
    line-height: 1.875;
    letter-spacing: 1px;
    text-align: center;
}
.secOwner .mainTit{
    font-size: 42px;
    margin-top: 27px;
    text-align: center;
}
.secOwner .mainSub{
    position: relative;
}
.secOwner .mainSub::after,
.secOwner .mainSub::before{
    position: absolute;
    content: "";
    width: 240px;
    height: 1px;
    top: calc(50% - 0.5px);
    background: #fff;
}
.secOwner .mainSub::after{
    left: -260px;
}
.secOwner .mainSub::before{
    right: -260px;
}
.secOwner .mainImg{
    text-align: center;
    margin: 50px auto 0;
}
.secOwner .txt{
    font-size: 32px;
    line-height: 1.8125;
    text-align: center;
    margin-top: 34px;
    letter-spacing: 1px;
}
@media only screen and (max-width:767px){
    .secOwner{
        margin-top: 1px;
        padding: 42px 0 45px;
        height: auto;
    }
    .secOwner.lazyloaded{
        background: url(../img/concept/bgOwner_sp.jpg) center top / cover;
    }
    .secOwner .topTit{
        font-size: 13px;
        line-height: 2;
        letter-spacing: normal;
    }
    .secOwner .mainTit{
        font-size: 18px;
        margin-top: 23px;
    }
    .secOwner .mainSub::after{
        width: 100%;
        top: auto;
        bottom: -5px;
        left: 0;
    }
    .secOwner .mainSub::before{
        display: none;
    }
    .secOwner .mainImg{
        margin: 39px auto 0;
    }
    .secOwner .txt{
        font-size: 13px;
        line-height: 2;
        margin-top: 24px;
        letter-spacing: normal;
    }
}
@media only screen and (max-width:374px){
    .secOwner .mainTit{
        font-size: 17px;
    }
}
@media only screen and (max-width:359px){
    .secOwner .mainTit{
        font-size: 15px;
    }
}
/* secCost */
.secCost{
    background: #ecf5f8;
    padding: 118px 0 150px;
}
.secCost .centerTit{
    text-align: center;
}
.secCost .topTit{
    font-size: 32px;
    letter-spacing: 2px;
}
.secCost .mainTit{
    font-size: 50px;
    display: inline-block;
    margin-top: 24px;
}
.secCost .nmber{
    vertical-align: 2px;
}
.secCost .costList{
    margin-top: 100px;
}
.secCost .costItem{
    position: relative;
    padding-top: 45px;
}
.secCost .costItem:nth-child(n+2){
    margin-top: 120px;
}
.secCost .costImg{
    position: absolute;
    left: calc(50% - 960px);
    top: 0;
}
.secCost .costItem:nth-child(2n) .costImg{
    left: auto;
    right: calc(50% - 960px);
}
.secCost .txtBox{
    width: 900px;
    height: 600px;
    background: #fff;
    margin-left: auto;
    padding: 80px 50px 0 198px;
}
.secCost .costItem:nth-child(2n) .txtBox{
    margin-left: 0;
    padding: 80px 150px 0 80px;
}
.secCost .tit{
    font-size: 42px;
    line-height: 1.54;
    margin-top: 15px;
}
.secCost .txt{
    font-size: 16px;
    line-height: 2.1875;
    margin-top: 28px;
}
@media only screen and (max-width:767px){
    .secCost{
        padding: 50px 0 50px;
    }
    .secCost .centerTit{
        text-align: center;
    }
    .secCost .topTit{
        font-size: 14px;
        letter-spacing: 1px;
    }
    .secCost .mainTit{
        font-size: 25px;
        margin-top: 13px;
    }
    .secCost .nmber{
        vertical-align: 2px;
    }
    .secCost .nmber img{
        width: 20px;
    }
    .secCost .costList{
        margin-top: 24px;
    }
    .secCost .costItem{
        padding-top: 0;
    }
    .secCost .costItem:nth-child(n+2){
        margin-top: 25px;
    }
    .secCost .costImg{
        position: static;
    }
    .secCost .txtBox{
        width: 100%;
        height: auto;
        margin-left: 0;
        padding: 14px 15px 35px 15px;
    }
    .secCost .costItem:nth-child(2n) .txtBox{
        padding: 14px 15px 35px 15px;
    }
    .secCost .nmberImg img{
        width: auto;
        height: 24px;
    } 
    .secCost .tit{
        font-size: 20px;
        line-height: 1.5;
        margin-top: 8px;
    }
    .secCost .txt{
        font-size: 13px;
        line-height: 1.84;
        margin-top: 10px;
    }
}
@media only screen and (max-width:359px){
    .secCost .topTit{
        font-size: 13px;
        letter-spacing: normal;
    }
    .secCost .tit{
        font-size: 18px;
    }
}
/* secCmnConcept */
.secCmnConcept{
    margin-top: 135px;
}
.secCmnConcept .mainTit{
    font-size: 32px;
    letter-spacing: 1px;
    line-height: 1.78125;
    text-align: center;
}
.secCmnConcept .conceptList{
    display: flex;
    flex-wrap: nowrap;
    margin-top: 47px;
}
.secCmnConcept .conceptItem{
    width: calc(100% / 3);
    margin-right: 1px;
}
.secCmnConcept .conceptItem:last-child{
    margin-right: 0;
}
.secCmnConcept .conceptInner{
    display: block;
}
@media only screen and (max-width:767px){
    .secCmnConcept{
        margin-top: 44px;
    }
    .secCmnConcept .mainTit{
        font-size: 16px;
        letter-spacing: normal;
        line-height: 1.75;
    }
    .secCmnConcept .conceptList{
        display: block;
        margin-top: 20px;
    }
    .secCmnConcept .conceptItem{
        margin-right: 0;
        width: 100%;
    }
    .secCmnConcept .conceptItem:nth-child(n+2){
        margin-top: 1px;
    }
}
@media only screen and (max-width:359px){
    .secCmnConcept .mainTit{
        font-size: 14px;
    }
}
/* secCmnPremium */
.secCmnPremium{
    margin-top: 80px;
}
@media only screen and (max-width:767px){
    .secCmnPremium{
        margin-top: 30px;
    }
}
/*-----------------------------------------------
    Equipment
-----------------------------------------------*/
/* secCmnTit */
.secCmnTit.equipment{
    background: url(../img/concept/bgCmnEquipmentTit.jpg) center top no-repeat;
}
.secCmnTit.equipment .wrapper{
    padding-top: 90px;
}
.secCmnTit.equipment .equipmentTit{
    font-size: 25px;
    color: #fff;
    margin-top: 35px;
    letter-spacing: 0.5px;
}
.secCmnTit.equipment .titJpn{
    margin-top: 20px;
    letter-spacing: 4px;
}
@media only screen and (max-width:767px){
    .secCmnTit.equipment{
        background: url(../img/concept/bgCmnEquipmentTit_sp.jpg) center top / cover;
    }
    .secCmnTit.equipment .wrapper{
        padding-top: 0;
        padding-bottom: 18px;
        display: block;
    }
    .secCmnTit.equipment .titEng img{
        height: 14px;
        width: auto;
    }
    .secCmnTit.equipment .titEng::after{
        display: block;
        width: 9px;
        right: -12px;
        top: calc(50% - 0.5px);
    }
    .secCmnTit.equipment .equipmentTit{
        font-size: 12px;
        margin-top: 19px;
        letter-spacing: 0.5px;
    }
    .secCmnTit.equipment .titJpn{
        margin-top: 6px;
        letter-spacing: 2px;
        font-size: 20px;
        text-align: left;
    }
}
/* secEquipmentTop */
.secEquipmentTop{
    margin-top: 38px;
}
.secEquipmentTop .topTit{
    font-size: 34px;
    line-height: 1.58;
    text-align: center;
}
.secEquipmentTop .topTxt{
    font-size: 16px;
    line-height: 2.1875;
    letter-spacing: 0.5px;
    text-align: center;
    margin-top: 20px;
}
.secEquipmentTop .tagList{
    margin-top: 52px;
    display: flex;
}
.secEquipmentTop .tagItem{
    width: 620px;
    margin-right: 40px;
    position: relative;
}
.secEquipmentTop .tagItem:nth-child(2){
    margin-right: 0;
}
.secEquipmentTop .listInner{
    display: block;
    height: 100%;
    text-decoration: none;
    color: #fff;
    text-align: center;
    position: relative;
}
.secEquipmentTop .listInner::after{
    position: absolute;
    content: "";
    width: 30px;
    height: 15px;
    left: calc(50% - 15px);
    bottom: 30px;
}
.secEquipmentTop .listInner.lazyloaded::after{
    background: url(../img/concept/iconEquipmentTop.png) center top / cover;
}
.secEquipmentTop .listCover{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.secEquipmentTop .tit{
    font-size: 42px;
    letter-spacing: 2px;
}
.secEquipmentTop .txt{
    font-size: 18px;
    letter-spacing: 2px;
    margin-top: 30px;
}
@media only screen and (max-width:767px){
    .secEquipmentTop{
        margin-top: 20px;
    }
    .secEquipmentTop .topTit{
        font-size: 17px;
        line-height: 1.7;
    }
    .secEquipmentTop .topTxt{
        font-size: 11px;
        line-height: 1.7;
        letter-spacing: -0.5px;
        margin-top: 9px;
    }
    .secEquipmentTop .tagList{
        margin-top: 22px;
        display: block;
    }
    .secEquipmentTop .tagItem{
        width: 100%;
        margin-right: 0;
    }
    .secEquipmentTop .tagItem:nth-child(2){
        margin-top: 15px;
    }
    .secEquipmentTop .listInner::after{
        width: 18px;
        height: 9px;
        left: calc(50% - 9px);
        bottom: 15px;
    }
    .secEquipmentTop .txtBox{
        padding-bottom: 8px;
    }
    .secEquipmentTop .tit{
        font-size: 26px;
        letter-spacing: 2px;
    }
    .secEquipmentTop .txt{
        font-size: 11px;
        letter-spacing: 1px;
        margin-top: 18px;
    }
}
@media only screen and (max-width:374px){
    .secEquipmentTop .topTxt{
        letter-spacing: normal;
    }
}
@media only screen and (max-width:359px){
    .secEquipmentTop .topTit{
        font-size: 15px;
    }
    .secEquipmentTop .topTxt{
        font-size: 10px;
    }
}
/* secEquipment */
.secEquipment .equipmentItem{
    padding-top: 50px;
}
.secEquipment .equipmentItem:nth-child(2){
    padding-top: 0;
}
.secEquipment .bgBox.lazyloaded{
    background: url(../img/concept/bgEquipment.gif) repeat;
}
.secEquipment .equipmentItem:nth-child(2) .bgBox{
    padding: 115px 0 120px;
}
.secEquipment .equCmnBox{
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}
.secEquipment .equCmnBox.lazyloaded{
    background: url(../img/concept/bgEquCmn.jpg) center top / cover;
}
.secEquipment .equipmentItem:nth-child(2) .equCmnBox.lazyloaded{
    background: url(../img/concept/bgEquCmn02.jpg) center top / cover;
}
.secEquipment .equCmnTit{
    font-size: 62px;
    letter-spacing: 4px;
}
.secEquipment .equCmnTxt{
    font-size: 20px;
    letter-spacing: 1px;
    margin-top: 28px;
}
.secEquipment .topTitBox{
    padding-top: 48px;
}
.secEquipment .topTit{
    font-size: 34px;
    line-height: 1.58;
    letter-spacing: 1px;
    text-align: center;
}
.secEquipment .topTxt{
    font-size: 16px;
    line-height: 2.1875;
    text-align: center;
    letter-spacing: 0.5px;
    margin-top: 20px;
}
.secEquipment .topImg{
    text-align: center;
    margin: 42px auto 0;
}
@media only screen and (max-width:767px){
    .secEquipment .equipmentItem{
        padding-top: 50px;
    }
    .secEquipment .equipmentItem:nth-child(2) .bgBox{
        padding: 50px 0 40px;
    }
    .secEquipment .equCmnBox{
        height: 150px;
    }
    .secEquipment .equCmnBox.lazyloaded{
        background: url(../img/concept/bgEquCmn_sp.jpg) center top / cover;
    }
    .secEquipment .equipmentItem:nth-child(2) .equCmnBox.lazyloaded{
        background: url(../img/concept/bgEquCmn02_sp.jpg) center top / cover;
    }
    .secEquipment .equCmnTit{
        font-size: 26px;
        letter-spacing: 2px;
    }
    .secEquipment .equCmnTxt{
        font-size: 11px;
        letter-spacing: 0.5px;
        margin-top: 18px;
    }
    .secEquipment .topTitBox{
        padding-top: 20px;
    }
    .secEquipment .topTit{
        font-size: 16px;
        line-height: 1.7;
        letter-spacing: normal;
    }
    .secEquipment .topTxt{
        font-size: 13px;
        line-height: 1.7;
        text-align: left;
        letter-spacing: normal;
        margin-top: 9px;
    }
    .secEquipment .topImg{
        width: 79.421%;
        margin: 20px auto 0;
    }
}
@media only screen and (max-width:359px){
    .secEquipment .topTit{
        font-size: 14px;
    }
}
/* guranList */
.secEquipment .guranList{
    margin-top: 100px;
}
.guranList .secTab{
    width: 830px;
    margin: 40px auto;
    display: flex;
    justify-content: space-between;
}
.guranList .secTab .item{
    width: 400px;
    height: 70px;
    border-radius: 50px;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.guranList .secTab .cmnTabBtn {
    text-decoration: none;
    /* color: #fff; */
    color: #000;
    display:block;
    background: #fff;
    font-size: 18px;
    letter-spacing: 2px;
    padding: 26px;
    border-radius: 50px;
}
.guranList .secTab .cmnTabBtn.active{
    color: #fff;
    display:block;
    background:#1f2126 ;
}

.secEquipment .equipmentItem:nth-child(2) .guranList{
    margin-top: 70px;
}
.secEquipment .guranItem:nth-child(n+2){
    margin-top: 96px;
}
.secEquipment .guranCmnBox{
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}
.secEquipment .guranInner{
    padding-top: 9px;
}
.secEquipment .granTit{
    font-size: 18px;
    margin-top: 26px;
}
.secEquipment .granTxt{
    font-size: 16px;
    line-height: 2;
    margin-top: 24px;
    letter-spacing: 2px;
}
.secEquipment .sinkList{
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
}
.secEquipment .sinkList.mt30{
    margin-top: 30px;
}
.secEquipment .sinkItem{
    width: 31.25%;
    margin-right: 3.125%;
}
.secEquipment .sinkItem:nth-child(3n){
    margin-right: 0;
}
.secEquipment .sinkItem:nth-child(n+4){
    margin-top: 36px;
}
.secEquipment .equipmentItem:nth-child(2) .guranList .sinkItem:nth-child(n+4){
    margin-top: 41px;
}
.secEquipment .sinkImg.imgBo{
    position: relative;
}
.secEquipment .sinkImg.imgBo::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: solid 1px #cccccc;
}
.secEquipment .sinkTxtBox{
    margin-top: 18px;
}
.secEquipment .sinkTit{
    font-size: 22px;
}
.secEquipment .equipmentItem:nth-child(2) .sinkTit{
    text-align: center;
}
.secEquipment .sinkTxt{
    font-size: 16px;
    line-height: 1.75;
    margin-top: 13px;
}
.secEquipment .valueTxt{
    font-size: 16px;
    line-height: 2.1875;
    margin-top: 31px;
    letter-spacing: 0.5px;
    text-align: center;
}
@media only screen and (max-width:767px){
    .guranList .secTab{
        width: 100%;
        margin: 25px auto;
    }
    .guranList .secTab .item{
        width: 47.83%;
        height: 50px;
    }
    
    .guranList .secTab .cmnTabBtn {
        font-size: 12px;
        letter-spacing: 0px;
        padding: 16.5px;
        line-height: 1.417;
    }
    .guranList .secTab .item:nth-child(2) .cmnTabBtn{
        padding: 8px;
    }
    .secEquipment .guranList{
        margin-top: 30px;
    }
    .secEquipment .equipmentItem:nth-child(2) .guranList{
        margin-top: 25px;
    }
    .secEquipment .guranItem:nth-child(n+2){
        margin-top: 35px;
    }
    .secEquipment .guranCmnBox{
        height: 140px;
    }
    .secEquipment .guranInner{
        padding-top: 5px;
    }
    .secEquipment .guranImg img{
        width: auto;
        height: 22px;
    }
    .secEquipment .granTit{
        font-size: 13px;
        margin-top: 12px;
    }
    .secEquipment .granTxt{
        font-size: 11px;
        line-height: 1.7;
        margin-top: 10px;
        letter-spacing: normal;
    }
    .secEquipment .sinkList{
        margin-top: 25px;
    }
    .secEquipment .sinkList.mt30{
        margin-top: 15px;
    }
    .secEquipment .sinkItem{
        width: 47.827%;
        margin-right: 4.346%;
    }
    .secEquipment .sinkItem:nth-child(3n){
        margin-right: 4.346%;
    }
    .secEquipment .sinkItem:nth-child(2n){
        margin-right: 0;
    }
    .secEquipment .sinkItem:nth-child(n+4){
        margin-top: 25px;
    }
    .secEquipment .sinkItem:nth-child(n+3){
        margin-top: 25px;
    }
    .secEquipment .equipmentItem:nth-child(2) .guranList .sinkItem:nth-child(n+4){
        margin-top: 15px;
    }
    .secEquipment .equipmentItem:nth-child(2) .guranList .sinkItem:nth-child(n+3){
        margin-top: 15px;
    }
    .secEquipment .sinkTxtBox{
        margin-top: 8px;
    }
    .secEquipment .sinkTit{
        font-size: 12px;
        line-height: 1.5;
    }
    .secEquipment .sinkTit.ht36{
        height: 36px;
        display: flex;
        align-items: center;
    }
    .secEquipment .sinkTxt{
        font-size: 11px;
        line-height: 1.5;
        margin-top: 5px;
    }
    .secEquipment .valueTxt{
        font-size: 13px;
        line-height: 1.7;
        margin-top: 15px;
        text-align: left;
    }
}
@media only screen and (max-width:359px){
    .secEquipment .sinkTit{
        font-size: 11px;
        line-height: 1.5;
    }
}
/* guranCmnBox */
.secEquipment .guranCmnBox.lazyloaded{
    background: url(../img/concept/bgEquCmnGuran01.jpg) center top / cover;
}
.secEquipment .equipmentItem:nth-child(1) .guranItem:nth-child(2) .guranCmnBox.lazyloaded{
    background: url(../img/concept/bgEquCmnGuran02.jpg) center top / cover;
}
.secEquipment .equipmentItem:nth-child(1) .guranItem:nth-child(3) .guranCmnBox.lazyloaded{
    background: url(../img/concept/bgEquCmnGuran03.jpg) center top / cover;
}
.secEquipment .equipmentItem:nth-child(1) .guranItem:nth-child(4) .guranCmnBox.lazyloaded{
    background: url(../img/concept/bgEquCmnGuran04.jpg) center top / cover;
}
.secEquipment .equipmentItem:nth-child(2) .guranItem:nth-child(1) .guranCmnBox.lazyloaded{
    background: url(../img/concept/bgEquCmnGuran05.jpg) center top / cover;
}
.secEquipment .equipmentItem:nth-child(2) .guranItem:nth-child(2) .guranCmnBox.lazyloaded{
    background: url(../img/concept/bgEquCmnGuran06.jpg) center top / cover;
}
@media only screen and (max-width:767px){
    .secEquipment .guranCmnBox.lazyloaded{
        background: url(../img/concept/bgEquCmnGuran01_sp.jpg) center top / cover;
    }
    .secEquipment .equipmentItem:nth-child(1) .guranItem:nth-child(2) .guranCmnBox.lazyloaded{
        background: url(../img/concept/bgEquCmnGuran02_sp.jpg) center top / cover;
    }
    .secEquipment .equipmentItem:nth-child(1) .guranItem:nth-child(3) .guranCmnBox.lazyloaded{
        background: url(../img/concept/bgEquCmnGuran03_sp.jpg) center top / cover;
    }
    .secEquipment .equipmentItem:nth-child(1) .guranItem:nth-child(4) .guranCmnBox.lazyloaded{
        background: url(../img/concept/bgEquCmnGuran04_sp.jpg) center top / cover;
    }
    .secEquipment .equipmentItem:nth-child(2) .guranItem:nth-child(1) .guranCmnBox.lazyloaded{
        background: url(../img/concept/bgEquCmnGuran05_sp.jpg) center top / cover;
    }
    .secEquipment .equipmentItem:nth-child(2) .guranItem:nth-child(2) .guranCmnBox.lazyloaded{
        background: url(../img/concept/bgEquCmnGuran06_sp.jpg) center top / cover;
    }
}
/* secCmnConcept */
.secCmnConcept.mt115{
    margin-top: 115px;
}
.secCmnConcept .equBox{
    text-align: center;
}
.secCmnConcept .equTopTit{
    font-size: 32px;
}
.secCmnConcept .equMainTit{
    font-size: 50px;
    margin-top: 22px;
}
.secCmnConcept .equSubPc{
    position: relative;
}
.secCmnConcept .equSubPc::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #000;
    bottom: -6px;
    left: 0;
}
.secCmnConcept .equTxt{
    font-size: 25px;
    line-height: 1.6;
    margin-top: 48px;
}
@media only screen and (max-width:767px){
    .secCmnConcept.mt115{
        margin-top: 40px;
    }
    .secCmnConcept .equTopTit{
        font-size: 13px;
    }
    .secCmnConcept .equMainTit{
        font-size: 20px;
        line-height: 1.5;
        margin-top: 6px;
    }
    .secCmnConcept .equSubSp{
        position: relative;
    }
    .secCmnConcept .equSubPc::after{
        display: none;
    }
    .secCmnConcept .equSubSp::after{
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        background: #000;
        bottom: -3px;
        left: 0;
    }
    .secCmnConcept .equTxt{
        font-size: 12px;
        line-height: 2;
        margin-top: 10px;
    }
}
@media only screen and (max-width:374px){
    .secCmnConcept .equMainTit{
        font-size: 19px;
    }
    .secCmnConcept .equTxt{
        font-size: 11px;
    }
}
@media only screen and (max-width:359px){
    .secCmnConcept .equMainTit{
        font-size: 17px;
    }
    .secCmnConcept .equTxt{
        font-size: 10px;
    }
}
/*-----------------------------------------------
    design
-----------------------------------------------*/
/* secCmnTit */
.secCmnTit.equipment.design{
    background: url(../img/concept/bgCmnDesignTit.jpg) center top no-repeat;
}
@media only screen and (max-width:767px){
    .secCmnTit.equipment.design{
        background: url(../img/concept/bgCmnDesignTit_sp.jpg) center top / cover;
    }
    .secCmnTit.equipment.design .titEng img{
        height: 12px;
        width: auto;
    }
}    
/* secDesignTop */
.secDesignTop{
    height: 1165px;
}
.secDesignTop.lazyloaded{
    background: url(../img/concept/bgDesignTop.jpg) center top / cover;
}
.secDesignTop .topBox{
    padding-top: 317px;
    color: #fff;
}
.secDesignTop .topTit{
    font-size: 26px;
}
.secDesignTop .topSubTit{
    font-size: 32px;
    margin-top: 29px;
}
.secDesignTop .mainTit{
    font-size: 60px;
    margin-top: 30px;
}
.secDesignTop .titBod{
    position: relative;
    display: inline-block;
}
.secDesignTop .titBod::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -20px;
    background: #fff;
}
.secDesignTop .mainTitImg{
    margin-top: 45px;
}
.secDesignTop .subTit{
    font-size: 40px;
}
.secDesignTop .titBod02{
    margin-top: 44px;
}
.secDesignTop .titBod03{
    margin-top: 37px;
}
.secDesignTop .txt{
    font-size: 17px;
    line-height: 2.7;
    letter-spacing: 1px;
    margin-top: 66px;
}
.secDesignTop .tagList{
    display: flex;
    margin-top: 72px;
}
.secDesignTop .tagItem{
    position: relative;
    width: 620px;
    margin-right: 40px;
    filter: drop-shadow(0px 0px 4.75px 0.25px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.25));
}
.secDesignTop .tagItem:nth-child(2){
    margin-right: 0;
}
.secDesignTop .tagInner{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    color: #1d7dd1;
    height: 210px;
}
.secDesignTop .tagInner.lazyloaded{
    background: url(../img/concept/bgDesignTopTag.png) center top / cover;
}
.secDesignTop .nmberImg{
    position: absolute;
    top: -40px;
    left: calc(50% - 40px);
}
.secDesignTop .tagtxt{
    font-size: 23px;
    letter-spacing: 2px;
    line-height: 1.56;
    padding-bottom: 20px;
}
@media only screen and (max-width:767px){
    .secDesignTop .mainTitImg{
        margin-top: 35px;
    }
    .secDesignTop{
        height: auto;
        padding: 40px 0 14px;
    }
    .secDesignTop.lazyloaded{
        background: url(../img/concept/bgDesignTop_sp.jpg) center top / cover;
    }
    .secDesignTop .topImg{
        border-radius: 3px;
        overflow: hidden;
    }
    .secDesignTop .secondImg{
        margin-top: 16px;
    }
    .secDesignTop .topBox{
        padding-top: 20px;
    }
    .secDesignTop .topTit{
        font-size: 14px;
    }
    .secDesignTop .topSubTit{
        font-size: 14px;
        margin-top: 12px;
    }
    .secDesignTop .mainTit{
        font-size: 24px;
        margin-top: 19px;
    }
    .secDesignTop .titBod::after{
        bottom: -10px;
    }
    .secDesignTop .subTit{
        font-size: 15px;
    }
    .secDesignTop .titBod02{
        margin-top: 20px;
    }
    .secDesignTop .titBod03{
        margin-top: 12px;
    }
    .secDesignTop .txt{
        font-size: 12px;
        line-height: 1.95;
        letter-spacing: normal;
        margin-top: 20px;
    }
    .secDesignTop .tagList{
        margin-top: 47px;
    }
    .secDesignTop .tagItem{
        position: relative;
        width: 47.827%;
        margin-right: 4.346%;
        filter: none;
    }
    .secDesignTop .tagItem:nth-child(2){
        margin-right: 0;
    }
    .secDesignTop .tagInner{
        height: auto;
        min-height: 102px;
        background: #fff;
        border-radius: 3px;
        padding: 34px 0 10px;
    }
    .secDesignTop .tagInner::after{
        position: absolute;
        content: "";
        width: 96.97%;
        height: 27px;
        left: calc(50% - 48.485%);
        bottom: -27px;
        background: #fff;
        clip-path: polygon(0 0, 50% 100%, 100% 0);
    }
    .secDesignTop .tagInner.lazyloaded{
        background: #fff;
    }
    .secDesignTop .nmberImg{
        width: 54px;
        top: -27px;
        left: calc(50% - 27px);
    }
    .secDesignTop .tagtxt{
        font-size: 12px;
        letter-spacing: normal;
        line-height: 1.5;
        padding-bottom: 0;
    }
}
@media only screen and (max-width:374px){
    .secDesignTop .topTit{
        font-size: 13px;
    }
    .secDesignTop .topSubTit{
        font-size: 13px;
    }
    .secDesignTop .tagtxt{
        font-size: 11px;
    }
    .secDesignTop .txt{
        font-size: 11px;
    }
}
@media only screen and (max-width:359px){
    .secDesignTop .topTit{
        font-size: 12px;
    }
    .secDesignTop .topSubTit{
        font-size: 12px;
    }
    .secDesignTop .mainTit{
        font-size: 22px;
    }
    .secDesignTop .txt{
        font-size: 10px;
    }
    .secDesignTop .tagtxt{
        font-size: 10px;
    }
}
/* secDesignPerfo */
.secDesignPerfo{
    background: #efefef;
}
.secDesignPerfo .perfoTopBox{
    margin-top: 48px;
}
.secDesignPerfo .perfoTit{
    text-align: center;
    color: #1d7dd1;
    font-size: 30px;
    letter-spacing: 3px;
    line-height: 1.66;
}
.secDesignPerfo .perfoList{
    display: flex;
    margin-top: 28px;
}
.secDesignPerfo .perfoItem{
    border-radius: 50%;
    box-shadow: 0px 0px 4.75px 0.25px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    margin-right: 40px;
}
.secDesignPerfo .perfoItem:last-child{
    margin-right: 0;
}
@media only screen and (max-width:767px){
    .secDesignPerfo .perfoTopBox{
        margin-top: 26px;
    }
    .secDesignPerfo .perfoTit{
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 1.66;
    }
    .secDesignPerfo .perfoList{
        flex-wrap: wrap;
        margin-top: 15px;
    }
    .secDesignPerfo .perfoItem{
        width: 48.116%;
        margin-right: 3.768%;
    }
    .secDesignPerfo .perfoItem:nth-child(2n){
        margin-right: 0;
    }
    .secDesignPerfo .perfoItem:nth-child(n+3){
        margin-top: 22px;
    }
}
@media only screen and (max-width:359px){
    .secDesignPerfo .perfoTit{
        font-size: 15px;
        letter-spacing: normal;
    }
}
/* secDesignTitBox */
.secDesignTitBox{
    padding-top: 150px;
    position: relative;
}
.secDesignTitBox .topCover{
    position: relative;
    height: 360px;
    display: flex;
    align-items: center;
}
.secDesignTitBox .topCover::after{
    position: absolute;
    content: "";
    width: 1460px;
    height: 100%;
    left: calc(50% - 960px);
    top: 0;
    background: #202124;
}
.secDesignTitBox .topInner{
    position: relative;
    z-index: 10;
    padding-bottom: 13px;
}
.secDesignTitBox .topFlex{
    display: flex;
    align-items: flex-end;
}
.secDesignTitBox .topEngImg{
    margin-left: 0;
}
.secDesignTitBox .topTit{
    font-size: 30px;
    line-height: 1.83;
    letter-spacing: 3px;
    color: #fff;
    margin-top: 14px;
}
.secDesignTitBox .designTitImg{
    position: absolute;
    right: calc(50% - 960px);
    top: 100px;
    border-radius: 5px 0 0 5px;
    overflow: hidden;
}
@media only screen and (max-width:767px){
    .secDesignTitBox{
        padding-top: 53px;
    }
    .secDesignTitBox .topCover{
        height: auto;
        display: block;
        padding: 38px 0 127px;
        background: #202124;
    }
    .secDesignTitBox .topCover::after{
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #202124;
    }
    .secDesignTitBox .topInner{
        padding-bottom: 0;
    }
    .secDesignTitBox .topNmberImg{
        width: 47px;
    }
    .secDesignTitBox .topEngImg{
        width: 120px;
        margin-left: 9px;
    }
    .secDesignTitBox .topTit{
        font-size: 22px;
        line-height: 1.7;
        letter-spacing: 2px;
        margin-top: 10px;
    }
    .secDesignTitBox .designTitCover{
        position: relative;
    }
    .secDesignTitBox .designTitImg{
        position: static;
        width: 96%;
        margin: -103px 0 0 auto;
    }
}
@media only screen and (max-width:359px){
    .secDesignTitBox .topTit{
        font-size: 22px;
        letter-spacing: normal;
    }
}
/* secDesignMerit */
.secDesignMerit{
    background: #efefef;
    padding-top: 76px;
}
.secDesignMerit .topTit{
    font-size: 30px;
    letter-spacing: 3px;
    text-align: center;
    color: #1d7dd1;
}
.secDesignMerit .nmber{
    margin: 0 5px;
}
.secDesignMerit .meritList{
    margin-top: 40px;
}
.secDesignMerit .meritItem{
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 0px 4.75px 0.25px rgba(0, 0, 0, 0.25);
    padding: 40px;
}
.secDesignMerit .meritItem:nth-child(n+2){
    margin-top: 30px;
}
.secDesignMerit .flexBox{
    display: flex;
    align-items: center;
}
.secDesignMerit .subFlex{
    width: calc(100% - 470px);
    padding-right: 20px;
    display: flex;
    align-items: center;
}
.secDesignMerit .titBox{
    padding-left: 40px;
    padding-bottom: 5px;
}
.secDesignMerit .meritItem:nth-child(2) .titBox{
    padding-bottom: 0;
    padding-top: 5px;
}
.secDesignMerit .tit{
    font-size: 30px;
}
.secDesignMerit .txt{
    font-size: 18px;
    margin-top: 20px;
}
.secDesignMerit .subTxt{
    font-size: 11px;
    line-height: 1.81;
    margin-top: 15px;
}
.secDesignMerit .imgBox{
    position: relative;
}
.secDesignMerit .imgTxt{
    font-size: 11px;
    letter-spacing: 0.5px;
    text-align: right;
    position: absolute;
    bottom: -19px;
    right: 0;
}
@media only screen and (max-width:767px){
    .secDesignMerit{
        padding-top: 41px;
    }
    .secDesignMerit .topTit{
        font-size: 16px;
        letter-spacing: normal;
    }
    .secDesignMerit .nmber{
        margin: 0 3px;
    }
    .secDesignMerit .nmber img{
        width: 16px;
    }
    .secDesignMerit .meritList{
        margin-top: 20px;
    }
    .secDesignMerit .meritItem{
        padding: 30px 15px 30px;
    }
    .secDesignMerit .meritItem:nth-child(n+2){
        margin-top: 15px;
    }
    .secDesignMerit .flexBox{
        display: block;
    }
    .secDesignMerit .subFlex{
        width: 100%;
        padding-right: 0;
    }
    .secDesignMerit .nmberBox{
        width: 54px;
    }
    .secDesignMerit .titBox{
        width: calc(100% - 54px);
        padding-left: 5px;
        padding-bottom: 5px;
    }
    .secDesignMerit .meritItem:nth-child(2) .titBox{
        padding-bottom: 5px;
        padding-top: 0;
    }
    .secDesignMerit .tit{
        font-size: 16px;
        line-height: 1.875;
    }
    .secDesignMerit .txt{
        font-size: 11px;
        line-height: 1.5;
        margin-top: 0;
    }
    .secDesignMerit .imgBox{
        margin-top: 20px;
    }
    .secDesignMerit .subTxt{
        font-size: 10px;
        line-height: 1.5;
        margin-top: 11px;
    }
    .secDesignMerit .imgTxt{
        font-size: 10px;
        text-align: center;
        position: static;
        margin-top: 20px;
    }
}
@media only screen and (max-width:374px){
    .secDesignMerit .tit{
        font-size: 15px;
    }
    .secDesignMerit .txt{
        font-size: 10px;
    }
}
@media only screen and (max-width:359px){
    .secDesignMerit .topTit{
        font-size: 14px;
    }
    .secDesignMerit .tit{
        font-size: 12px;
    }
    .secDesignMerit .txt{
        font-size: 11px;
    }
}
/* secDesignCria */
.secDesignCria{
    background: #efefef;
    position: relative;
    padding: 150px 0 185px;
}
.secDesignCria .wrapper{
    position: relative;
}
.secDesignCria .imgBox{
    position: absolute;
    right: calc(50% - 960px);
    top: -50px;
}
.secDesignCria .topTit{
    font-size: 21px;
}
.secDesignCria .mainTit{
    color: #1d7dd1;
    font-size: 36px;
    margin-top: 30px;
}
.secDesignCria .mainBo{
    position: relative;
    display: inline-block;
}
.secDesignCria .mainBo.mt45{
    margin-top: 45px;
}
.secDesignCria .mainBo::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -20px;
    background: #86b6e0;
}
.secDesignCria .biTit{
    font-size: 60px;
}
.secDesignCria .txt{
    font-size: 18px;
    line-height: 2.22;
    margin-top: 60px;
}
.secDesignCria .txtImg{
    margin-top: 15px;
}
@media only screen and (max-width:767px){
    .secDesignCria{
        padding: 35px 0 40px;
    }
    .secDesignCria .imgBox{
        position: static;
        width: 92%;
        margin: 14px 0 0 auto;
    }
    .secDesignCria .topTit{
        font-size: 14px;
    }
    .secDesignCria .mainTit{
        font-size: 15px;
        margin-top: 18px;
    }
    .secDesignCria .mainBo.mt45{
        margin-top: 20px;
    }
    .secDesignCria .mainBo::after{
        bottom: -7px;
    }
    .secDesignCria .biTit{
        font-size: 24px;
    }
    .secDesignCria .txt{
        font-size: 12px;
        line-height: 1.95;
        margin-top: 20px;
    }
    .secDesignCria .txtImg{
        margin-top: 6px;
    }
}
@media only screen and (max-width:359px){
    .secDesignCria .topTit{
        font-size: 13px;
    }
}
/* secDesignPoint */
.secDesignPoint{
    padding: 150px 0 100px;
}
.secDesignPoint.lazyloaded{
    background: url(../img/concept/bgEquipment.gif) repeat;
}
.secDesignPoint .pointItem{
    position: relative;
    height: 450px;
    display: flex;
    align-items: center;
}
.secDesignPoint .pointItem:nth-child(n+2){
    margin-top: 100px;
}
.secDesignPoint .pointItem:nth-child(2) .txtBox{
    width: 650px;
    margin-left: auto;
    padding-top: 15px;
}
.secDesignPoint .pointItem:nth-child(3) .txtBox{
    padding-top: 10px;
}
.secDesignPoint .mainTit{
    font-size: 42px;
    letter-spacing: 2px;
    line-height: 1.54;
    margin-top: 15px;
    color: #1d7dd1;
}
.secDesignPoint .subTxt{
    font-size: 16px;
    line-height: 2.1875;
    letter-spacing: 0.5px;
    margin-top: 6px;
}
.secDesignPoint .pointItem:nth-child(n+2) .subTxt{
    margin-top: 20px;
}
.secDesignPoint .txt{
    font-size: 23px;
    margin-top: 19px;
}
.secDesignPoint .imgBox{
    position: absolute;
    right: calc(50% - 960px);
    top: 0;
}
.secDesignPoint .pointItem:nth-child(2) .imgBox{
    right: auto;
    left: calc(50% - 960px);
}
.secDesignPoint .inBox{
    position: relative;
}
.secDesignPoint .imgMain{
    box-shadow: 0px 0px 4.75px 0.25px rgba(0, 0, 0, 0.25);
    border-radius: 5px 0 0 5px;
    overflow: hidden;
}
.secDesignPoint .pointItem:nth-child(2) .imgMain{
    box-shadow: none;
    border-radius: 0 5px 5px 0;
}
.secDesignPoint .txtImg{
    position: absolute;
    bottom: -77px;
    left: 66px;
}
@media only screen and (max-width:767px){
    .secDesignPoint{
        padding: 40px 0 50px;
    }
    .secDesignPoint .pointItem{
        height: auto;
        display: block;
    }
    .secDesignPoint .pointItem:nth-child(n+2){
        margin-top: 40px;
    }
    .secDesignPoint .pointItem:nth-child(2) .txtBox{
        width: 100%;
        margin-left: 0;
        padding-top: 0;
    }
    .secDesignPoint .pointItem:nth-child(3) .txtBox{
        padding-top: 0;
    }
    .secDesignPoint .titImg img{
        width: auto;
        height: 20px;
    }
    .secDesignPoint .mainTit{
        font-size: 22px;
        letter-spacing: 1px;
        line-height: 1.7;
        margin-top: 7px;
    }
    .secDesignPoint .subTxt{
        font-size: 13px;
        line-height: 2.15;
        letter-spacing: normal;
        margin-top: 10px;
    }
    .secDesignPoint .pointItem:nth-child(n+2) .subTxt{
        margin-top: 9px;
    }
    .secDesignPoint .txt{
        font-size: 16px;
        line-height: 1.59375;
        margin-top: 3px;
    }
    .secDesignPoint .imgBox{
        position: static;
        margin-top: 20px;
    }
    .secDesignPoint .pointItem:nth-child(2) .imgBox{
        right: auto;
        left: calc(50% - 960px);
    }
    .secDesignPoint .inBox{
        position: relative;
    }
    .secDesignPoint .imgMain{
        box-shadow: none;
        border-radius: 0;
    }
    .secDesignPoint .pointItem:nth-child(2) .imgMain{
        box-shadow: none;
        border-radius: 0 ;
    }
    .secDesignPoint .txtImg{
        position: static;
        margin: -55px auto 0;
    }
}
/* secDesignMance */
.secDesignMance{
    background: #efefef;
}
.secDesignMance .mainImg{
    margin-top: 50px;
    position: relative;
    height: 900px;
}
.secDesignMance .mainImg img{
    width: 1920px;
    position: absolute;
    top: 0;
    left: calc(50% - 960px);
}
@media only screen and (max-width:767px){
    .secDesignTitBox .topNmberImg{
        width: 52px;
    }
    .secDesignMance .mainImg{
        margin-top: 30px;
        height: auto;
    }
    .secDesignMance .mainImg img{
        width: 100%;
        position: static;
    }
}
/* secDesignHouse */
.secDesignHouse{
    background: #efefef;
    padding-bottom: 100px;
}
.secDesignHouse .wrapper{
    padding-top: 60px;
}
.secDesignHouse .iconCircle{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #1d7dd1;
    margin: 0 auto;
    position: relative;
}
.secDesignHouse .iconCircle::before,
.secDesignHouse .iconCircle::after{
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background: #1d7dd1;
    border-radius: 50%;
    left: calc(50% - 6px);
}
.secDesignHouse .iconCircle::before{
    top: -30px;
}
.secDesignHouse .iconCircle::after{
    bottom: -30px;
}
.secDesignHouse .topTit{
    font-size: 30px;
    line-height: 1.66;
    letter-spacing: 2px;
    margin-top: 44px;
    text-align: center;
    color: #1d7dd1;
}
.secDesignHouse .houseBox{
    border-radius: 4px;
    box-shadow: 0px 0px 4.75px 0.25px rgba(0, 0, 0, 0.25);
    background: #fff;
    padding: 48px 50px 38px;
    margin-top: 41px;
    overflow: hidden;
    position: relative;
}
.secDesignHouse .tit{
    font-size: 30px;
    letter-spacing: 2px;
    text-align: center;
}
.secDesignHouse .houseImg{
    text-align: center;
    margin: 38px auto 0;
}
.secDesignHouse .txt{
    font-size: 16px;
    line-height: 2.5;
    margin-top: 46px;
}
.secDesignHouse .houseBox.mt50{
    margin-top: 50px;
}
.secDesignHouse .houseBox.pb60{
    padding-bottom: 60px;
}
.secDesignHouse .houseBox.pb38{
    padding-bottom: 38px;
}
.secDesignHouse .houseImgList{
    display: flex;
    margin-top: 50px;
}
.secDesignHouse .houseImgIte{
    width: 30.509%;
    margin-right: 4.2365%;
}
.secDesignHouse .houseImgIte:last-child{
    margin-right: 0;
}
.secDesignHouse .txt.mt40{
    margin-top: 40px;
}

.secDesignHouse .miniBox{
    position: relative;
    margin-top: 36px;
    padding-top: 48px;
    border-top: solid 1px #d5d5d5;
}
.secDesignHouse .housePcImg{
    position: absolute;
    right: 0;
    bottom: -12px;
}
@media only screen and (max-width:767px){
    .secDesignHouse{
        padding-bottom: 40px;
    }
    .secDesignHouse .wrapper{
        padding-top: 40px;
    }
    .secDesignHouse .iconCircle{
        width: 10px;
        height: 10px;
    }
    .secDesignHouse .iconCircle::before,
    .secDesignHouse .iconCircle::after{
        width: 10px;
        height: 10px;
        left: calc(50% - 5px);
    }
    .secDesignHouse .iconCircle::before{
        top: -20px;
    }
    .secDesignHouse .iconCircle::after{
        bottom: -20px;
    }
    .secDesignHouse .topTit{
        font-size: 16px;
        line-height: 1.7;
        letter-spacing: normal;
        margin-top: 35px;
    }
    .secDesignHouse .houseBox{
        padding: 22px 15px 30px;
        margin-top: 15px;
    }
    .secDesignHouse .tit{
        font-size: 20px;
        line-height: 1.7;
        letter-spacing: 1px;
    }
    .secDesignHouse .houseImg{
        width: 99.048%;
        margin: 15px auto 0 0;
    }
    .secDesignHouse .txt{
        font-size: 13px;
        line-height: 2.15;
        margin-top: 12px;
    }
    .secDesignHouse .houseBox.mt50{
        margin-top: 17px;
    }
    .secDesignHouse .houseBox.pb60{
        padding-bottom: 30px;
    }
    .secDesignHouse .houseImgList{
        margin-top: 13px;
    }
    .secDesignHouse .houseImgIte{
        width: 32.064%;
        margin-right: 1.904%;
    }
    .secDesignHouse .txt.mt40{
        margin-top: 12px;
    }
    .secDesignHouse .txt.spmt4{
        margin-top: 4px;
    }
    .secDesignHouse .miniBox{
        margin-top: 13px;
        padding-top: 12px;
    }
    .secDesignHouse .housePcImg{
        display: none;
    }
    .secDesignHouse .houseBox.pb38 {
        padding-bottom: 23px;
    }
}
@media only screen and (max-width:374px){
    .secDesignHouse .topTit{
        font-size: 15px;
    }
    .secDesignHouse .tit{
        font-size: 19px;
        letter-spacing: normal;
    }
}
@media only screen and (max-width:359px){
    .secDesignHouse .topTit{
        font-size: 13px;
    }
    .secDesignHouse .tit{
        font-size: 17px;
    }
}
/* secCmnConcept */
.secCmnConcept.mt149{
    margin-top: 149px;
}
.secCmnConcept.design .equMainTit{
    display: block;
}
@media only screen and (max-width:767px){
    .secCmnConcept.mt149{
        margin-top: 38px;
    }
    .secCmnConcept.design .equMainTit{
        font-size: 20px;
        line-height: 1;
        margin-top: 10px;
    }
    .secCmnConcept.design .equTxt{
        margin-top: 15px;
    }
    .secCmnConcept.design .equSubPc::after{
        display: block;
        bottom: -3px;
    }
}
@media only screen and (max-width:359px){
    .secCmnConcept.design .equMainTit{
        font-size: 17px;
    }
}
/*-----------------------------------------------
    after
-----------------------------------------------*/
/* secCmnTit */
.secCmnTit.equipment.after{
    background: url(../img/concept/bgCmnAfterTit.jpg) center top no-repeat;
}
@media only screen and (max-width:767px){
    .secCmnTit.equipment.after{
        background: url(../img/concept/bgCmnAfterTit_sp.jpg) center top / cover;
    }
    .secCmnTit.equipment.after .titEng img{
        height: 12px;
        width: auto;
    }
}    
/* secAfterTop */
.secAfterTop{
    margin-top: 18px;
}
.secAfterTop .topTit{
    font-size: 50px;
    line-height: 1.4;
    letter-spacing: 1px;
    text-align: center;
}
.secAfterTop .subTit{
    font-size: 30px;
}
.secAfterTop .txt{
    font-size: 16px;
    line-height: 2.125;
    text-align: center;
    margin-top: 23px;
}
.secAfterTop .tagList{
    display: flex;
    margin-top: 51px;
    justify-content: center;
}
.secAfterTop .tagItem{
    width: 23.438%;;
    margin-right: 2%;
}
.secAfterTop .tagItem:last-child{
    margin-right: 0;
}
.secAfterTop .tagInner{
    overflow: hidden;
    display: block;
    box-shadow: 0px 0px 4.75px 0.25px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}
@media only screen and (max-width:767px){
    .secAfterTop{
        margin-top: 13px;
    }
    .secAfterTop .topTit{
        font-size: 20px;
        line-height: 1.5;
        letter-spacing: normal;
    }
    .secAfterTop .subTit{
        font-size: 13px;
    }
    .secAfterTop .txt{
        font-size: 13px;
        line-height: 1.7;
        text-align: left;
        margin-top: 15px;
    }
    .secAfterTop .tagList{
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .secAfterTop .tagItem{
        width: 48.7%;
        margin: 0;
    }
    .secAfterTop .tagItem:last-child{
        margin: 0;
    }
    .secAfterTop .tagItem:nth-child(2n){
        margin-left: 2.6%;
    }
    .secAfterTop .tagItem:nth-child(n+3){
        margin-top: 15px;
    }
}
/* secAfterStaff */
.secAfterStaff{
    margin-top: 80px;
}
.secAfterStaff .staffItem:nth-child(2n+1){
    padding: 120px 0 120px;
}
.secAfterStaff .staffItem:nth-child(n+2){
    padding-top: 120px;
}
.secAfterStaff .staffItem:nth-child(3),
.secAfterStaff .staffItem:nth-child(5){
    margin-top: 120px;
}
.secAfterStaff .staffItem:nth-child(2n+1).lazyloaded{
    background: url(../img/concept/bgEquipment.gif) repeat;
}
.secAfterStaff .topBox{
    height: 600px;
    display: flex;
    align-items: center;
    position: relative;
}
.secAfterStaff .titBox{
    padding-top: 10px;
}
.secAfterStaff .staffItem:nth-child(2n) .titBox{
    width: 670px;
    margin-left: auto;
}
.secAfterStaff .mainTit{
    font-size: 42px;
    line-height: 1.54;
    letter-spacing: 2px;
    margin-top: 15px;
}
.secAfterStaff .mainTxt{
    font-size: 20px;
    letter-spacing: 0.5px;
    line-height: 1.9;
    margin-top: 12px;
}
.isDesktopIpad .secAfterStaff .mainTxt{
    font-size: 18px;
}
.secAfterStaff .subTxt{
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background: #099fe0;
    color: #fff;
    padding: 0px 5px;
}
.secAfterStaff .txt{
    font-size: 16px;
    line-height: 2.1875;
    margin-top: 15px;
}
.secAfterStaff .imgBox{
    position: absolute;
    right: calc(50% - 960px);
    top: 0;
}
.secAfterStaff .staffItem:nth-child(2n) .imgBox{
    right: 0;
    left: calc(50% - 960px);
}
.secAfterStaff .txtBox{
    margin-top: 67px;
}
.secAfterStaff .txtTit{
    font-size: 25px;
    text-align: center;
}
.secAfterStaff .txtSub{
    position: relative;
}
.secAfterStaff .txtSub::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    bottom: -10px;
    left: 0;
    background: #000000;
}
.secAfterStaff .txtImg{
    text-align: center;
    margin: 55px auto 0;
}
@media only screen and (max-width:767px){
    .secAfterStaff{
        margin-top: 40px;
    }
    .secAfterStaff .staffItem:nth-child(2n+1){
        padding: 40px 0 40px;
    }
    .secAfterStaff .staffItem:nth-child(n+2){
        padding-top: 40px;
    }
    .secAfterStaff .staffItem:nth-child(3),
    .secAfterStaff .staffItem:nth-child(5){
        margin-top: 40px;
    }
    .secAfterStaff .topBox{
        height: auto;
        display: block;
    }
    .secAfterStaff .titBox{
        padding-top: 0;
    }
    .secAfterStaff .staffItem:nth-child(2n) .titBox{
        width: 100%;
        margin-left: 0;
    }
    .secAfterStaff .titNmber img{
        width: auto;
        height: 40px;
    }
    .secAfterStaff .mainTit{
        font-size: 22px;
        line-height: 1.7;
        letter-spacing: 1px;
        margin-top: 8px;
    }
    .secAfterStaff .mainTxt{
        font-size: 15px;
        letter-spacing: normal;
        line-height: 1.7;
        margin-top: 9px;
    }
    .secAfterStaff .subTxt{
        padding: 0px 4px;
    }
    .secAfterStaff .txt{
        font-size: 13px;
        line-height: 1.8;
        margin-top: 11px;
    }
    .secAfterStaff .imgBox{
        position: static;
        margin: 20px auto 0;
    }
    .secAfterStaff .txtBox{
        margin-top: 39px;
    }
    .secAfterStaff .txtTit{
        font-size: 16px;
    }
    .secAfterStaff .txtSub::after{
        bottom: -2px;
    }
    .secAfterStaff .txtImg{
        margin: 24px auto 0;
    }
}
@media only screen and (max-width:359px){
    .secAfterStaff .mainTit{
        font-size: 20px;
        letter-spacing: normal;
    }
    .secAfterStaff .mainTxt{
        font-size: 13px;
    }
    .secAfterStaff .txtTit{
        font-size: 14px;
    }
}
/* photList */
.secAfterStaff .photList{
    margin-top: 55px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
.secAfterStaff .photItem{
    width: 23.4375%;
    margin-right: 2.08333%;
}
.secAfterStaff .photItem:last-child{
    margin-right: 0;
}
.secAfterStaff .photTxtBox{
    margin-top: 20px;
    text-align: center;
}
.secAfterStaff .photTit{
    font-size: 20px;
}
.secAfterStaff .photTxt{
    font-size: 15px;
    line-height: 1.66;
    margin-top: 15px;
}
.isDesktopIpad .secAfterStaff .photTxt{
    font-size: 12px;
}
@media only screen and (max-width:767px){
    .secAfterStaff .photList{
        margin-top: 55px;
        display: block;
    }
    .secAfterStaff .staffItem:nth-child(4) .txtTit,
    .secAfterStaff .staffItem:nth-child(5) .txtTit{
        line-height: 1.5;
    }
    .secAfterStaff .staffItem:nth-child(4) .txtSub::after,
    .secAfterStaff .staffItem:nth-child(5) .txtSub::after{
        display: none;
    }
    .secAfterStaff .staffItem:nth-child(4) .txtSpSub,
    .secAfterStaff .staffItem:nth-child(5) .txtSpSub{
        position: relative;
    }
    .secAfterStaff .staffItem:nth-child(4) .txtSpSub::after,
    .secAfterStaff .staffItem:nth-child(5) .txtSpSub::after{
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        bottom: -2px;
        left: 0;
        background: #000000;
    }
    .secAfterStaff .photList{
        margin-top: 20px;
        flex-wrap: wrap;
    }
    .secAfterStaff .photItem{
        /* width: 48.116%; */
        width: 100%;
        margin-right: 3.768%;
        display: flex;
        margin-top: 20px;
        align-items: center;
    }
    .secAfterStaff .photItem .photImg{
        width: 89.4%;
    }
    .secAfterStaff .photItem:nth-child(2n){
        margin-right: 0;
    }
    .secAfterStaff .photItem:nth-child(n+3){
        margin-top: 20px;
    }
    .secAfterStaff .photTxtBox{
        margin-top: 0px;
        margin-left: 10px;
    }
    .secAfterStaff .photTit{
        font-size: 12px;
        text-align: left;
    }
    .secAfterStaff .photTxt{
        font-size: 11px;
        line-height: 1.5;
        margin-top: 8px;
        text-align: left;
    }
}
/* soppotBox */
.secAfterStaff .soppotBox{
    background: #fff;
    margin-top: 70px;
    padding: 47px 0 50px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.secAfterStaff .soppotImg{
    text-align: center;
    margin: 54px auto 0;
}
@media only screen and (max-width:767px){
    .secAfterStaff .soppotBox{
        margin-top: 20px;
        padding: 22px 15px 24px;
    }
    .secAfterStaff .soppotImg{
        margin: 22px auto 0;
    }
}