@charset "utf-8";
/* secLineupDetails */
.secLineupDetails{
    width: 100%;
}
@media screen and (max-width: 767px){
    .secLineupDetails{
        padding-top: 0px;
    }
}
.wrapper1280{
    max-width: 1280px;
    width: calc(100% - 100px);
    margin: 0 auto;
}
.img100{
    width: 100%;
    height: auto;
}

/* jsHide */
.jsHide{
	opacity: 0;
	-webkit-transform: translate(0px,30px);
	transform: translate(0px, 30px);
	-webkit-transition: opacity 2s cubic-bezier(0.18, 1.00, 0.29, 1.00), -webkit-transform 2s cubic-bezier(0.18, 1.00, 0.29, 1.00);
	transition: opacity 2s cubic-bezier(0.18, 1.00, 0.29, 1.00), -webkit-transform 2s cubic-bezier(0.18, 1.00, 0.29, 1.00);
	transition: opacity 2s cubic-bezier(0.18, 1.00, 0.29, 1.00), transform 2s cubic-bezier(0.18, 1.00, 0.29, 1.00);
	transition: opacity 2s cubic-bezier(0.18, 1.00, 0.29, 1.00), transform 2s cubic-bezier(0.18, 1.00, 0.29, 1.00), -webkit-transform 2s cubic-bezier(0.18, 1.00, 0.29, 1.00);
}
.jsHide.jsShow{
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

/*-----------------------------------------------
    imgCover
-----------------------------------------------*/
/* imgCover */
.imgCover,
.imgCont{
    position:relative;
}
.imgCover img {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    object-fit:cover;
}
.imgCont img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}

@media screen and (max-width: 767px){
    .secLineupDetails{
        padding-top: 30px;
    }
    .wrapper1280{
        width: 100%;
    }
    .wrapperSp345{
        width: calc(345 / 375 * 100%);
        margin: 0 auto;
    }
}
.fEB{
    font-family: "EB Garamond", serif;
}

/* secLineupHero */
.secLineupHero{
    width: 100%;
    position: relative;
}
.secLineupHero .bgBox{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.secLineupHero .bgImg{
    position: relative;
    width: 100%;
    height: 100%;
}
.secLineupHero .bgImg::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(34,34,34,0.3);
}
.secLineupHero .bgImg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.secLineupHero .Inner{
    max-width: 1280px;
    width: calc(100% - 100px);
    margin: 0 auto;
    min-height: 548px;
    display: flex;
    align-items: center;
    padding: 50px 0;
    position: relative;
    z-index: 10;
}
.secLineupHero .titBox{
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #fff;
}
.secLineupHero .subtitbox{
    display: block;
    width: 100%;
    text-align: center;
}
.secLineupHero .subtitbox .subtit{
    display: inline-block;
    font-size: 16px;
    line-height: calc(30 / 16);
    font-weight: 600;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 0, 0, 0.3);
    text-align: left;
    letter-spacing: 0.1em;
}
.secLineupHero .titlebox{
    display: block;
    width: 100%;
    text-align: center;
}
.secLineupHero div + .titlebox{
    margin-top: 19px;
}
.secLineupHero .titlebox .title{
    font-size: 68px;
    line-height: calc(80 / 68);
    font-weight: 500;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 0, 0, 0.3);
    text-align: left;
    display: inline-block;
    letter-spacing: 0.05em;
}
.secLineupHero .subtxtbox{
    display: block;
    width: 100%;
    text-align: center;
}
.secLineupHero div + .subtxtbox{
    margin-top: 24px;
}
.secLineupHero .subtxtbox .subtxt{
    display: inline-block;
    font-size: 26px;
    line-height: calc(40 / 26);
    font-weight: 600;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 767px){
    .secLineupHero .Inner{
        max-width: 100%;
        width: calc(345 / 375 * 100%);
        min-height: 200px;
        padding: 30px 0;
    }
    .secLineupHero .subtitbox .subtit{
        font-size: 11px;
        line-height: calc(20 / 11);
    }
    .secLineupHero div + .titlebox{
        margin-top: 6px;
    }
    .secLineupHero .titlebox .title{
        font-size: 26px;
        line-height: calc(40 / 26);
    }
    .secLineupHero div + .subtxtbox{
        margin-top: 8px;
    }
    .secLineupHero .subtxtbox .subtxt{
        font-size: 15px;
        line-height: calc(24 / 15);
    }
}

/* secTop */
.secTop{
    width: 100%;
    margin-top: 56px;
}
.secTop .titArea{
    width: 100%;
    text-align: center;
}
.secTop .tit{
    font-size: 40px;
    line-height: calc(60 / 40);
    font-weight: bold;
}
.secTop .txt{
    font-size: 16px;
    line-height: calc(40 / 16);
}
.secTop .tit + .txt{
    margin-top: 40px;
}
.secTop .imgLogoArea{
    display: block;
    width: 100%;
    margin-top: 90px;
}
.secTop .imgLogoArea .logolist{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap:30px;
    justify-content: center;
}
.secTop .imgLogoArea .logoItem{
    display: inline-block;
    max-width: 100%;
}
.secTop .imgLogoArea .logoImg{
    display: inline-block;
}
.secTop .imgLogoArea .logoImg img{
    max-width: 100%;
    max-height: 90px;
    width: auto;
    height: auto;
}
@media screen and (max-width: 767px){
    .secTop{
        margin-top: 39px;
    }
    .secTop .tit{
        font-size:18px;
        line-height: calc(35 / 18);
        letter-spacing: 0.05em;
    }
    .secTop .txt{
        font-size: 13px;
        line-height: calc(26 / 13);
    }
    .secTop .tit + .txt{
        margin-top: 11px;
    }
    .secTop .imgLogoArea{
        margin-top: 30px;
    }
    .secTop .imgLogoArea .logolist{
        gap:20px;
    }
    .secTop .imgLogoArea .logoImg img{
        max-height: 68px;
        max-width: 110px;
    }
}

.secTop .pagelist{
    width: 100%;
}
.secTop div + .pagelist{
    margin-top: 75px;
}
.secTop .pagelist .list{
    display: flex;
    align-items: center;
    justify-content: center;
}
.secTop .pagelist .item{
    width: calc((100% - 80px) / 5);
    margin-right: 20px;
}
.secTop .pagelist .item:last-child{
    margin-right: 0;
}
.secTop .pagelist .itemInner{
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 200px;
    padding: 20px 20px;
    border-radius: 8px;
    box-shadow: 0px 0px 14.25px 0.75px rgba(34, 34, 34, 0.15);
    background: #fff;
}
.secTop .pagelist .listtxtbox{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.secTop .numtxt{
    width: 100%;
    text-align: center;
}
.secTop .numtxt .txtnum{
    font-size:16px ;
    line-height: calc(30 / 16);
    font-weight: 600;
}
.secTop .l_titbox{
    width: 100%;
}
.secTop div +  .l_titbox{
    margin-top: 11px;
}
.secTop .l_titbox .l_tit{
    font-size: 18px;
    line-height: calc(30 / 18);
    font-weight: bold;
    letter-spacing: 0.1em;
}
.secTop .l_txtbox{
    width: 100%;
    text-align: center;
}
.secTop div + .l_txtbox{
    margin-top: 11px;
}
.secTop .l_txtbox .l_txt{
    font-size: 14px;
    line-height: calc(26 / 14);
}
@media screen and (max-width: 767px){
    .secTop div + .pagelist{
        margin-top: 41px;
    }
    .secTop .pagelist .list{
        flex-wrap: wrap;
    }
    .secTop .pagelist .item{
        width: calc((100% - 10px) / 2);
        margin-right: 10px;
    }
    .secTop .pagelist .item:nth-child(2n),
    .secTop .pagelist .item:last-child{
        margin-right: 0;
    }
    .secTop .pagelist .item:nth-child(n + 3){
        margin-top: 10px;
    }
    .secTop .pagelist .itemInner{
        min-height: 130px;
        padding: 15px 10px;
        border-radius: 4px;
        box-shadow: 0px 0px 7.6px 0.4px rgba(34, 34, 34, 0.15);
    }
    .secTop .numtxt .txtnum{
        font-size: 16px;
        line-height: calc(20 / 16);
    }
    .secTop div + .l_titbox{
        margin-top: 12px;
    }
    .secTop .l_titbox .l_tit{
        font-size: 16px;
        line-height: calc(24 / 16);
        letter-spacing: 0.05em;
    }
    .secTop div + .l_txtbox{
        margin-top: 2px;
    }
    .secTop .l_txtbox .l_txt{
        font-size: 13px;
        line-height: calc(20 / 13);
    }
}

/* secContent */
.secContent{
    width: 100%;
    margin-top: 120px;
}
.secContent .list{
    width: 100%;
}
.secContent .item{
    width: 100%;
}
.secContent .item + .item{
    margin-top: 120px;
}
.secContent .ItemInner{
    display: flex;
}
.secContent .l_inner{
    width: 100%;
    min-height:100%;
    display: flex;
    align-items: center;
}
.secContent .l_content{
    display: inline-block;
    width: 100%;
    text-align: left;
}
.secContent .titArea{
    width: 100%;
}
.secContent .engbox{
    width: 100%;
}
.secContent .titEng{
    position: relative;
    padding-left: calc(25px + 15px);
    font-size: 20px;
    line-height: calc(30 / 20);
    color: #b2b2b7;
    letter-spacing: 0.075em;
}
.secContent .titEng::before{
    content: "";
    position: absolute;
    width: 25px;
    height: 1px;
    left: 0;
    top: calc(((20px * (30 / 20)) / 2) - 0.5px);
    background-color: #b2b2b7;
}
.secContent .titbox{
    width: 100%;
    margin-top: 14px;
}
.secContent .titbox .tit{
    font-size: 26px;
    line-height: calc(40 / 26);
    font-weight: bold;
}
.secContent .txtArea{
    width: 100%;
}
.secContent div + .txtArea{
    margin-top: 16px;
}
.secContent .txtArea .txt{
    font-size: 16px;
    line-height: calc(35 / 16);
}
.secContent .rightArea{
    width: 600px;
}
.secContent .imgBox{
    width: 100%;
}
@media screen and (min-width: 768px){
    .secContent .ItemInner:has(.rightArea) .leftArea{
        width: calc(100% - 600px);
        padding-right:95px;
    }
    .secContent .imgArea{
        display: none;
    }
}
@media screen and (max-width: 767px){
    .secContent{
        margin-top: 71px;
    }
    .secContent .item + .item{
        margin-top: 43px;
    }
    .secContent .ItemInner{
        display: block;
    }
    .secContent .l_inner{
        min-height:0;
        display: block;
    }
    .secContent .l_content{
        display: block;
    }
    .secContent .titEng{
        padding-left: calc(15px + 8px);
        font-size: 16px;
        line-height: calc(30 / 16);
    }
    .secContent .titEng::before{
        width: 15px;
        top: calc(((16px * (30 / 16)) / 2) - 1px);
    }
    .secContent .imgArea{
        width: 100%;
        margin-top: 21px;
    }
    .secContent .titbox{
        margin-top: 5px;
    }
    .secContent .titbox .tit{
        font-size: 18px;
        line-height: calc(30 / 18);
    }
    .secContent div + .txtArea{
        margin-top: 18px;
    }
    .secContent .txtArea .txt{
        font-size: 13px;
        line-height: calc(26 / 13);
    }
    .secContent .rightArea{
        display: none;
    }
}
.secBlockContent{
    width: 100%;
    margin-top: 150px;
    position: relative;
}
.secBlockContent::after{
    content: "";
    position: absolute;
    width: 1px;
    height: 80px;
    top: calc(0% - 40px);
    left: calc(50% - 0.5px);
    background-color: rgba(34,34,34,0.5);
    z-index: 6;
}
.secBlockContent .Inner{
    position: relative;
    z-index: 5;
}
.secBlockContent .OnArea{
    width: 100%;
    position: relative;
    padding-top: 112px;
    padding-bottom: 68px;
}
.secBlockContent .OnArea::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #f7f7f7;
}
.secBlockContent:has(.blocklist .b_item:first-child .imgBox) .OnArea::before{
    height: calc(100% + 100px);
}
.secBlockContent .on_Inner{
    position: relative;
    z-index: 5;
}
.secBlockContent .titArea{
    text-align: center;
}
.secBlockContent .titEng{
    font-size: 16px;
    line-height: calc(30 / 16);
    font-weight: bold;
    color: #04603c;
    letter-spacing: 0.1em;
}
.secBlockContent .titJpn{
    font-size: 36px;
    line-height: calc(50 / 36);
    font-weight: bold;
    margin-top: 25px;
    letter-spacing: 0.075em;
}
.secBlockContent .maintxtbox{
    width: 100%;
    margin-top: 25px;
    text-align: center;
}
.secBlockContent .m_tit{
    font-size: 18px;
    line-height: calc(30 / 18);
    font-weight: bold;
}
.secBlockContent .m_subtit{
    font-size: 14px;
    line-height: calc(32 / 14);
}
.secBlockContent .m_tit + .m_subtit{
    margin-top: 15px;
}
/* ▼コンテンツパターン */
.secBlockContent .blocklist{
    position: relative;
    z-index: 5;
}
.secBlockContent .blocklist .b_item{
    width: 100%;
}
.secBlockContent .blocklist .b_item + .b_item{
    margin-top: 65px;
}
.secBlockContent .imgArea{
    width: 100%;
}
.secBlockContent .imgBox{
    width: 100%;
}
.secBlockContent .txtArea{
    width: 100%;
    text-align: left;
}
.secBlockContent .subtxt{
    font-size: 20px;
    line-height: calc(30 / 20);
    font-weight: bold;
}
.secBlockContent .tit{
    font-size: 26px;
    line-height: calc(40 / 26);
    font-weight: bold;
}
.secBlockContent p + .tit{
    margin-top: 16px;
}
.secBlockContent .txt{
    width: 100%;
    /* font-size: 16px;
    line-height: calc(43 / 16); */
}
.secBlockContent p + .txt{
    margin-top: 15px;
}

/* ▼パターンA */
.secBlockContent .b_item.type01 .itemflex{
    display: flex;
    flex-wrap: wrap;
}
.secBlockContent .b_item.type01 .itemBox{
    width: calc((100% - 80px) / 2);
    margin-right: 80px;
}
.secBlockContent .b_item.type01 .itemBox:nth-child(2n),
.secBlockContent .b_item.type01 .itemBox:last-child{
    margin-right: 0;
}
.secBlockContent .b_item.type01 .itemBox:nth-child(n + 3){
    margin-top: 68px;
}
.secBlockContent .b_item.type01 .imgBox{
    height: 0;
    padding-top: calc(400 / 600 * 100%);
}
.secBlockContent .b_item.type01 .imgArea + .txtArea{
    margin-top: 34px;
}
.secBlockContent .b_item.type01 .imgArea + .txtArea:has(.tit:only-child){
    margin-top: 25px;
}

/* ▼パターンB */
.secBlockContent .b_item.type02 .imgArea + .txtArea{
    margin-top: 34px;
}

/* ▼パターンC */
.secBlockContent .b_item.type03 .txtArea + .imgArea{
    margin-top: 26px;
}

/* ▼パターンD */
.secBlockContent .b_item.type04 .itemBox{
    display: flex;
}
.secBlockContent .b_item.type04 .imgArea{
    width: 600px;
}
@media screen and (min-width: 768px){
    .secBlockContent .b_item.type04:has(.imgArea) .txtArea{
        width: calc(100% - 600px);
        padding-left: 90px;
    }
}
.secBlockContent .b_item.type04 .txtIn{
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}
.secBlockContent .b_item.type04 .inBox{
    display: inline-block;
    width: 100%;
    text-align: left;
}

/* ▼パターンE */
.secBlockContent .b_item.type05 .itemBox{
    display: flex;
    flex-direction: row-reverse;
}
.secBlockContent .b_item.type05 .imgArea{
    width: 600px;
}
@media screen and (min-width: 768px){
    .secBlockContent .b_item.type05:has(.imgArea) .txtArea{
        width: calc(100% - 600px);
        padding-right: 90px;
    }
}
.secBlockContent .b_item.type05 .txtIn{
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}
.secBlockContent .b_item.type05 .inBox{
    display: inline-block;
    width: 100%;
    text-align: left;
}

@media screen and (max-width: 767px){
    .secBlockContent{
        margin-top: 74px;
    }
    .secBlockContent::after{
        height: 50px;
        top: calc(0% - 25px);
    }
    .secBlockContent .OnArea{
        padding-top: 75px;
        padding-bottom: 56px;
    }
    .secBlockContent:has(.blocklist .b_item:first-child .imgBox) .OnArea::before{
        height: calc(100% + 20px);
    }
    .secBlockContent .titEng{
        font-size: 12px;
        line-height: calc(20 / 12);
    }
    .secBlockContent .titJpn{
        font-size: 25px;
        line-height: calc(40 / 25);
        margin-top: 7px;
        letter-spacing: 0;
    }
    .secBlockContent .maintxtbox{
        margin-top: 17px;
    }
    .secBlockContent .m_tit{
        font-size: 15px;
        line-height: calc(26 / 15);
    }
    .secBlockContent .m_subtit{
        font-size: 14px;
        line-height: calc(26 / 14);
        display: inline-block;
        text-align: left;
    }
    .secBlockContent .m_tit + .m_subtit{
        margin-top: 10px;
    }
    /* ▼コンテンツパターン */
    .secBlockContent .blocklist .b_item + .b_item{
        margin-top: 43px;
    }
    .secBlockContent .subtxt{
        font-size: 13px;
        line-height: calc(20 / 13);
    }
    .secBlockContent .tit{
        font-size: 18px;
        line-height: calc(23 / 18);
    }
    .secBlockContent p + .tit{
        margin-top: 8px;
    }
    .secBlockContent .txt{
        /* font-size: 13px;
        line-height: calc(22 / 13); */
    }
    .secBlockContent p + .txt{
        margin-top: 12px;
    }
    
    /* ▼パターンA */
    .secBlockContent .b_item.type01 .itemBox{
        width: calc((100% - 10px) / 2);
        margin-right: 10px;
    }
    .secBlockContent .b_item.type01 .itemBox:nth-child(2n),
    .secBlockContent .b_item.type01 .itemBox:last-child{
        margin-right: 0;
    }
    .secBlockContent .b_item.type01 .itemBox:nth-child(n + 3){
        margin-top: 43px;
    }
    .secBlockContent .b_item.type01 .imgArea + .txtArea{
        margin-top: 16px;
    }
    .secBlockContent .b_item.type01 .imgArea + .txtArea:has(.tit:only-child){
        margin-top: 15px;
    }
    
    /* ▼パターンB */
    .secBlockContent .b_item.type02 .imgArea + .txtArea{
        margin-top: 17px;
    }
    
    /* ▼パターンC */
    .secBlockContent .b_item.type03 .txtArea + .imgArea{
        margin-top: 13px;
    }
    /* ▼パターンD */
    .secBlockContent .b_item.type04 .itemBox{
        display: block;
    }
    .secBlockContent .b_item.type04 .imgArea{
        width: 100%;
        margin-top: 0;
    }
    .secBlockContent .b_item.type04 .imgArea + .txtArea{
        margin-top: 14px;
    }
    .secBlockContent .b_item.type04 .txtArea{
        width: 100%;
        padding: 0;
        margin-top: 20px;
    }
    .secBlockContent .b_item.type04 .txtIn{
        display: block;
        height: auto;
    }
    /* ▼パターンE */
    .secBlockContent .b_item.type05 .itemBox{
        display:block;
    }
    .secBlockContent .b_item.type05 .imgArea{
        width: 100%;
        margin-top: 0;
    }
    .secBlockContent .b_item.type05 .imgArea + .txtArea{
        margin-top: 14px;
    }
    .secBlockContent .b_item.type05 .txtArea{
        width: 100%;
        padding: 0;
        margin-top: 20px;
    }
    .secBlockContent .b_item.type05 .txtIn{
        display: block;
        height: auto;
    }
}
.secTitBox{
    width: 100%;
    text-align: center;
}
.secTitBox .titEng{
    font-size: 16px;
    line-height: calc(30 / 16);
    font-weight: bold;
    color: #04603c;
    letter-spacing: 0.1em;
}
.secTitBox .titJpn{
    font-size: 36px;
    line-height: calc(50 / 36);
    font-weight: bold;
    margin-top: 25px;
    letter-spacing: 0.075em;
}
@media screen and (max-width: 767px){
    .secTitBox .titEng{
        font-size: 12px;
        line-height: calc(20 / 12);
    }
    .secTitBox .titJpn{
        font-size: 25px;
        line-height: calc(40 / 25);
        margin-top: 7px;
    }
}
/* secVoice */
.secVoice{
    width: 100%;
    margin-top: 141px;
    position: relative;
}
.secVoice::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 550px;
    left: 0;
    top: 0;
    background-color: #f7f7f7;
}
.secVoice::after{
    content: "";
    position: absolute;
    width: 1px;
    height: 80px;
    top: calc(0% - 40px);
    left: calc(50% - 0.5px);
    background-color: rgba(34, 34, 34, 0.5);
    z-index: 6;
}
.secVoice .Inner{
    position: relative;
    z-index: 5;
    padding-top: 112px;
}
.secVoice .listbox{
    width: 100%;
    margin-top: 90px;
}
.secVoice .list{
    display: flex;
    flex-wrap: wrap;
}
.secVoice .Item{
    width: calc((100% - 80px) / 2);
    margin-right: 80px;
}
.secVoice .Item:nth-child(2n),
.secVoice .Item:last-child{
    margin-right: 0;
}
.secVoice .Item:nth-child(n + 3){
    margin-top: 80px;
}
.secVoice .itemLink{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    color: #000;
    text-decoration: none;
    padding-bottom: calc(40px + 14px);
}
.secVoice .itemInner{
    display: block;
    width: 100%;
}
.secVoice .imgArea{
    width: 100%;
}
.secVoice .imgBox{
    width: 100%;
    height: 0;
    padding-top: calc(400 / 600 * 100%);
    overflow: hidden;
}
.secVoice .txtArea{
    width: 100%;
    text-align: left;
    margin-top: 23px;
}
.secVoice .tit{
    font-size: 26px;
    line-height: calc(40 / 26);
    font-weight: bold;
}
.secVoice .namebox{
    width: 100%;
    margin-top: 25px;
}
.secVoice .nametxt{
    font-size: 16px;
    line-height: calc(26 / 16);
}
.secVoice .moreBtn{
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
}
.secVoice .moreBtn .btnIn{
    display: flex;
    align-items: center;
    min-height: 40px;
    position: relative;
    padding-right: calc(40px + 20px);
}
.secVoice .moreBtn .btnIn::after{
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0;
    top: calc(50% - 20px);
    border-radius: 50%;
    border: 1px solid;
    border-color: #181818;
}
.secVoice.lazyloaded .moreBtn .btnIn::after{
    background: url(../img/lineup/imgBtnIcon.png) center center no-repeat;
    background-size: 8px auto;
}
.secVoice .moreBtn .btnTxt{
    font-size:18px;
    line-height: calc(20 / 18);
    font-weight: bold;
    color: #222222;
}
.secVoice .moreBtn .btnTxt .txtIn{
    display: inline-block;
    border-bottom: 1px solid;
    border-color: #222222;
}
@media screen and (max-width: 767px){
    .secVoice{
        margin-top: 76px;
    }
    .secVoice::before{
        height: 212px;
    }
    .secVoice::after{
        height: 50px;
        top: calc(0% - 25px);
    }
    .secVoice .Inner{
        padding-top: 74px;
    }
    .secVoice .listbox{
        margin-top: 50px;
    }
    .secVoice .Item{
        width: calc((100% - 10px) / 2);
        margin-right: 10px;
    }
    .secVoice .Item:nth-child(2n),
    .secVoice .Item:last-child{
        margin-right: 0;
    }
    .secVoice .Item:nth-child(n + 3){
        margin-top: 49px;
    }
    .secVoice .itemLink{
        padding-bottom: calc(30px + 14px);
    }
    .secVoice .txtArea{
        margin-top: 20px;
    }
    .secVoice .tit{
        font-size: 13px;
        line-height: calc(23 / 13);
    }
    .secVoice .namebox{
        margin-top: 10px;
    }
    .secVoice .nametxt{
        font-size: 13px;
        line-height: calc(22 / 13);
    }
    .secVoice .moreBtn .btnIn{
        padding-right: calc(30px + 10px);
        min-height: 30px;
    }
    .secVoice .moreBtn .btnIn::after{
        width: 30px;
        height: 30px;
        right: 0;
        top: calc(50% - 15px);
    }
    .secVoice.lazyloaded .moreBtn .btnIn::after{
        background-size: 7px auto;
    }
    .secVoice .moreBtn .btnTxt{
        font-size:15px;
        line-height: calc(20 / 15);
    }
}

.secGallery{
    width: 100%;
    margin-top: 147px;
    position: relative;
}
.secGallery::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 550px;
    left: 0;
    top: 0;
    background: #f7f7f7;
}
.secGallery::after{
    content: "";
    position: absolute;
    width: 1px;
    height: 80px;
    top: calc(0% - 40px);
    left: calc(50% - 0.5px);
    background-color: rgba(34, 34, 34, 0.5);
}
.secGallery .Inner{
    position: relative;
    z-index: 5;
    padding: 0 50px;
    padding-top: 112px;
}
.secGallery .boxSlider{
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    position: relative;
    margin-top: 90px;
}
.secGallery .boxSlider .swiper{
    width: 100%;
    overflow: hidden;
}
.secGallery .imgSlider{
    width: 100%;
    height: 0;
    padding-top: calc(768 / 1180 * 100%);
    overflow: hidden;
}
.secGallery .swiper-button-prev,
.secGallery .swiper-button-next{
    position: absolute;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    top: calc(50% - 19px);
    background-color:#222222;
    margin: 0 auto;
}
.secGallery .swiper-button-prev{
    left: calc(0% - 19px);
    transform: rotate(180deg);
}
.secGallery .swiper-button-next{
    right: calc(0% - 19px);
}
.secGallery .swiper-button-prev::after,
.secGallery .swiper-button-next::after{
    content: "";
    position: absolute;
    width: 8px;
    height: 14px;
    top: calc(50% - 7px);
    left: calc(50% - 4px);
}
.secGallery.lazyloaded .swiper-button-prev::after,
.secGallery.lazyloaded .swiper-button-next::after{
    background: url(../img/lineup/imgBtnIcon_w.png) center center no-repeat;
    background-size: 8px auto;
}
.secGallery .boxThumb{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}
.secGallery .boxThumb .itemThumb{
    width: calc((100% - 80px) / 5);
    margin-right: 20px;
}
.secGallery .boxThumb .itemThumb:nth-child(5n),
.secGallery .boxThumb .itemThumb:last-child{
    margin-right: 0;
}
.secGallery .boxThumb .itemThumb:nth-child(n + 6){
    margin-top: 30px;
}
.secGallery .boxThumb .imgThumb{
    width: 100%;
    height: 0;
    padding-top: calc(150 / 220 * 100%);
    overflow: hidden;
    position: relative;
    display: block;
}
.secGallery .boxThumb .imgThumb::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(247,247,247,0);
}
.secGallery .boxThumb .imgThumb.on::after{
    background-color: rgba(247,247,247,0.55);
}
@media screen and (max-width: 767px){
    .secGallery{
        margin-top: 80px;
    }
    .secGallery::before{
        height: 216px;
    }
    .secGallery::after{
        height: 50px;
        top: calc(0% - 25px);
    }
    .secGallery .Inner{
        padding: 0;
        padding-top: 72px;
    }
    .secGallery .boxSlider{
        width: 100%;
        max-width: 100%;
        margin-top: 55px;
    }
    .secGallery .boxSlider .swiper{
        width: calc(100% - 60px);
        margin: 0 auto;
    }
    .secGallery .imgSlider{
        padding-top: calc(768 / 1180 * 100%);
    }
    .secGallery .swiper-button-prev,
    .secGallery .swiper-button-next{
        width: 20px;
        height: 20px;
        top: calc(50% - 10px);
    }
    .secGallery .swiper-button-prev{
        left: 0;
    }
    .secGallery .swiper-button-next{
        right:0;
    }
    .secGallery .swiper-button-prev::after,
    .secGallery .swiper-button-next::after{
        width: 5px;
        height: 8px;
        top: calc(50% - 4.5px);
        left: calc(50% - 2.5px);
    }
    .secGallery.lazyloaded .swiper-button-prev::after,
    .secGallery.lazyloaded .swiper-button-next::after{
        background-size: 100% auto;
    }
    .secGallery .boxThumb{
        margin-top: 19px;
    }
    .secGallery .boxThumb .itemThumb{
        width: calc((100% - 20px) / 5);
        margin-right: 5px;
    }
    .secGallery .boxThumb .itemThumb:nth-child(5n),
    .secGallery .boxThumb .itemThumb:last-child{
        margin-right: 0;
    }
    .secGallery .boxThumb .itemThumb:nth-child(n + 6){
        margin-top: 15px;
    }
    .secGallery .boxThumb .imgThumb{
        padding-top: calc(43 / 65 * 100%);
    }
}
.secBnrlist{
    width: calc(100% - 100px);
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 150px;
}
.secBnrlist .list{
    width: 100%;
}
.secBnrlist .bnrItem{
    width: 100%;
}
.secBnrlist .bnrItem + .bnrItem{
    margin-top: 60px;
}
.secBnrlist .bnrLink{
    display: block;
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
}
@media screen and (max-width: 767px){
    .secBnrlist{
        width: calc(345 / 375 * 100%);
        max-width:100%;
        margin-top: 80px;
    }
    .secBnrlist .bnrItem + .bnrItem{
        margin-top: 14px;
    }
    .secBnrlist .bnrLink{
        border-radius: 0px;
    }
}
.secLineupBnr{
    width: 100%;
    margin-top: 141px;
}
.secLineupBnr .lineuptitbox{
    width: 100%;
}
.secLineupBnr .lineuptitbox .l_tit{
    position: relative;
    font-size: 35px;
    line-height: calc(40 / 35);
    font-weight: bold;
    color: #1d1d1d;
    padding-left: calc(150px + 25px);
}
.secLineupBnr .lineuptitbox .l_tit::before{
    content: "";
    position: absolute;
    width: 150px;
    height: 1px;
    left: 0;
    top: calc(50% - 0.5px);
    background-color: #181818;
}
.secLineupBnr .listbox{
    width: 100%;
    margin-top: 55px;
}
.secLineupBnr .list{
    display: flex;
}
.secLineupBnr .item{
    width: calc((100% - 50px) / 3);
    margin-right: 25px;
}
.secLineupBnr .item:last-child{
    margin-right: 0;
}
.secLineupBnr .itemLink{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.secLineupBnr .itemLink::after{
    content: "";
    position: absolute;
    width: 38px;
    height: 38px;
    border: 1px solid #fff;
    border-radius: 50%;
    bottom: 25px;
    right: 25px;
}
.secLineupBnr.lazyloaded .itemLink::after{
    background: url(../img/lineup/imgBtnIcon_w.png) center center no-repeat;
    background-size: 8px auto;
}
.secLineupBnr .bgBox{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.secLineupBnr .bgImg{
    width: 100%;
    height: 100%;
}
.secLineupBnr .bgImg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.secLineupBnr .itemInner{
    width: 100%;
    min-height: 520px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 6;
}
.secLineupBnr .txtBox{
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #fff;
}
.secLineupBnr .txtBox .txt{
    font-size: 36px;
    line-height: calc(44 / 36);
    font-weight: bold;
    letter-spacing: 0.05em;
}
.secLineupBnr .txtBox .subtxt{
    font-size: 28px;
    line-height: calc(32 / 28);
    font-weight: bold;
    margin-top: 15px;
}
@media screen and (max-width: 767px){
    .secLineupBnr{
        margin-top: 77px;
    }
    .secLineupBnr .lineuptitbox .l_tit{
        font-size: 25px;
        line-height: calc(30 / 25);
        padding-left: calc(40px + 15px);
    }
    .secLineupBnr .lineuptitbox .l_tit::before{
        width: 40px;
    }
    .secLineupBnr .listbox{
        margin-top: 24px;
    }
    .secLineupBnr .list{
        display:block;
    }
    .secLineupBnr .item{
        width: 100%;
        margin-right:0;
    }
    .secLineupBnr .item + .item{
        margin-top: 20px;
    }
    .secLineupBnr .itemLink{
        border-radius: 4px;
    }
    .secLineupBnr .itemLink::after{
        width: 20px;
        height: 20px;
        bottom: 20px;
        right: calc(50% - 10px);
    }
    .secLineupBnr.lazyloaded .itemLink::after{
        background-size: 5px auto;
    }
    .secLineupBnr .itemInner{
        min-height: 180px;
        display: block;
        padding-top: 49px;
    }
    .secLineupBnr .txtBox .txt{
        display: inline;
        font-size: 25px;
        line-height: calc(40 / 25);
    }
    .secLineupBnr .txtBox .subtxt{
        display: inline;
        font-size: 25px;
        line-height: calc(40 / 25);
        margin-top:0;
        padding-left: 5px;
    }
}

.secBackbtn{
    margin-top: 100px;
}
.secBackbtn .btnBox{
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}
.secBackbtn .btnMore{
    width: 100%;
    height: 110px;
    border: 1px solid #000;
    padding: 0 60px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 20px;
    line-height: calc(30 / 20);
    letter-spacing: 0.1em;
    position: relative;
}
.secBackbtn .btnMore::after{
    content: '';
    width: 140px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 60px;
    transform: translateY(-50%);
}
.secBackbtn .btnMore.lazyloaded::after{
    background: url(../img/housing_new/btnMoreArrow_back.png) center left / cover no-repeat;
}
@media screen and (max-width: 767px){
    .secBackbtn{
        margin-top: 80px;
    }
    .secBackbtn .btnBox{
        max-width:400px;
        width: calc(345 / 375 * 100%);
    }
    .secBackbtn .btnMore{
        height: 90px;
        padding: 0 20px;
        font-size: 15px;
        line-height: calc(24 / 16);
        letter-spacing: 0;
        text-align: right;
    }
    .secBackbtn .btnMore::after{
        width: 75px;
        height: 8px;
        left: 20px;
    }
}
.secCmnBnrArea{
    background-color:#f7f7f7;
    margin-top: 145px;
}
.secCmnBnrArea .secCmnBnr{
    border-top: none;
}
@media screen and (max-width: 767px){
    .secCmnBnrArea{
        margin-top: 60px;
    }
    .secCmnBnrArea .secCmnBnr::before{
        display: none;
    }
}