@charset "utf-8";

.secIndexTop {
    background: url(../img/lineup/bgCmnIndexTop.jpg) center top / cover;
    padding: 23.3rem 0 17rem;
}
.secIndexTop .titBox .txtSubTit{
    font-size: var(--pcFontSize30);
    line-height: var(--pcLineHeight30_60);
    letter-spacing: var(--pcLetterSpacing30_100);
    color: var(--Colorwhite);
}
.secIndexTop .txtMainTit{
    display: flex;
    flex-direction: column;
    margin-top: 3rem;
}
.secIndexTop .txtMainTit .txtMin{
    font-size: var(--pcFontSize42);
    letter-spacing: var(--pcLetterSpacing42_100);
    color: var(--Colorwhite);
}
.secIndexTop .txtMainTit .txtBig{
    font-size: var(--pcFontSize56);
    letter-spacing: var(--pcLetterSpacing56_100);
    color: var(--Colorwhite);
    margin-top: 3.7rem;
}
.secIndexTop .boxLeft{
    position: relative;
}
.secIndexTop .boxLeft .imgLeft{
    width: 74rem;
    position: absolute;
    right: 0;
    top: -32.4rem;
}
@media only screen and (max-width:1215px){
    .secIndexTop {
        background: url(../img/lineup/bgCmnIndexTop_sp.jpg) center top / cover;
        height: 110.4vw;
        padding: 7rem 0 0;
        text-align: center;
    }
    .secIndexTop .titBox .txtSubTit{
        font-size: var(--spFontSize15);
        line-height: var(--spLineHeight15_30);
        letter-spacing: var(--spLetterSpacing15_100);
    }
    .secIndexTop .txtMainTit{
        margin-top: 1.5rem;
    }
    .secIndexTop .txtMainTit .txtMin{
        font-size: var(--spFontSize21);
        letter-spacing: var(--spLetterSpacing21_100);
    }
    .secIndexTop .txtMainTit .txtBig{
        font-size: var(--spFontSize28);
        letter-spacing: var(--spLetterSpacing28_100);
        margin-top: 0.7rem;
    }
    .secIndexTop .boxLeft .imgLeft{
        width: 100%;
        top: 2rem;
    }
}

/* secTop */
.secTop{
    display: flex;
    justify-content: space-between;
    margin-top: 5.8rem;
}
.secTop .boxLeft{
    margin-right: 3rem;
}
.secTop .boxLeft .imgTop{
    width: 62.9rem;
}
.secTop .boxLeft .imgBottom{
    margin-top: 3rem;
}
.secTop .boxRight{
    margin-top: 0.3rem;
}
@media only screen and (max-width:1215px){
    .secTop{
        flex-direction: column;
        margin-top: 3.8rem;
    }
    .secTop .boxLeft{
        margin-right: 0;
    }
    .secTop .boxLeft .imgTop{
        width: 100%;
        margin-top: 1.2rem;
    }
    .secTop .boxLeft .imgBottom{
        width: 96.12%;
        margin: 0 auto;
    }
    .secTop .boxRight{
        margin-top: 2.9rem;
    }
}

/* secPerformance */
.secPerformance{
    margin-top: 11.8rem;
    position: relative;
}
.secPerformance::after{
    content: "";
    width: 100%;
    height: 230.5rem;
    background: var(--formBgColor);
    position: absolute;
    top: 40rem;
    z-index: -1;
}
.secPerformance .txtTit{
    width: 39rem;
    font-size: var(--pcFontSize40);
    letter-spacing: var(--pcLetterSpacing40_100);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin: 0 auto;
}
.secPerformance .txtTit .txtBottom{
    margin-top: 2rem;
}
.secPerformance .txtTit .txtBig{
    font-size: var(--pcFontSize60);
    letter-spacing: var(--pcLetterSpacing60_100);
    color: var(--mustColor);
}
.secPerformance .txtTit .imgSlashLeft,
.secPerformance .txtTit .imgSlashRight{
    position: absolute;
    bottom: -3rem;
}
.secPerformance .txtTit .imgSlashLeft{
    left: -7rem;
}
.secPerformance .txtTit .imgSlashRight{
    right: -7rem;
}
.secPerformance .boxPerformance{
    background: var(--Colorwhite);
    border-radius: 0.5rem;
    text-align: center;
    padding: 8rem;
}
.secPerformance .boxPerformance .txtBoxTit{
    font-size: var(--pcFontSize30);
    letter-spacing: var(--pcLetterSpacing30_100);
}
.secPerformance .boxPerformance .txtBoxTitBig{
    font-size: var(--pcFontSize50);
    letter-spacing: var(--pcLetterSpacing50_100);
    color: var(--mustColor);
}
.secPerformance .boxListFlex{
    display: flex;
    margin-top: 5rem;
}
.secPerformance .boxListFlex .boxListFlexItem{
    margin-right: 8rem;
    position: relative;
}
.secPerformance .boxListFlex .boxListFlexItem:last-child{
    margin-right: 0;
}
.secPerformance .boxListFlex .boxListFlexItem::after{
    content: "";
    width: 0.1rem;
    height: 100%;
    background: var(--borderLine);
    position: absolute;
    top: 0;
    right: -4rem;
}
.secPerformance .boxListFlex .boxListFlexItem:last-child::after{
    display: none;
}
.secPerformance .boxList{
    display: flex;
    flex-direction: column;
}
.secPerformance .item{
    width: 35.3rem;
    height: 12rem;
    background: var(--formFlowBox);
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 1.5rem;
}
.secPerformance .item:first-child{
    background: var(--mustColor);
    margin-bottom: 3rem;
}
.secPerformance .item .txtitemTop{
    font-size: var(--pcFontSize20);
    letter-spacing: var(--pcLetterSpacing20_100);
    color: var(--textColor);
}
.secPerformance .item .txtitemBottom{
    font-size: var(--pcFontSize26);
    letter-spacing: var(--pcLetterSpacing26_100);
    color: var(--mustColor);
    margin-top: 1.4rem;
}
.secPerformance .item:first-child .txtitemTop{
    color: var(--Colorwhite);
}
.secPerformance .item:first-child .txtitemBottom{
    font-size: var(--pcFontSize36);
    letter-spacing: var(--pcLetterSpacing36_100);
    color: var(--Colorwhite);
}
.secPerformance .boxBottom{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5rem;
}
.secPerformance .boxBottom .boxPrice{
    margin-top: 1rem;
    margin-left: 1.9rem;
}
.secPerformance .txtNote{
    font-size: var(--pcFontSize15);
    letter-spacing: var(--pcLetterSpacing15_50);
    text-align: center;
    margin-top: 3rem;
}
@media only screen and (max-width:1215px){
    .secPerformance{
        margin-top: 5rem;
    }
    .secPerformance::after{
        height: 180rem;
        top: 63rem;
        z-index: -1;
    }
    .secPerformance .txtTit{
        width: 22rem;
        font-size: var(--spFontSize18);
        letter-spacing: var(--spLetterSpacing18_100);
    }
    .secPerformance .txtTit .txtBottom{
        margin-top: 1rem;
    }
    .secPerformance .txtTit .txtBig{
        font-size: var(--spFontSize22);
        letter-spacing: var(--spLetterSpacing22_100);
    }
    .secPerformance .txtTit .imgSlashLeft,
    .secPerformance .txtTit .imgSlashRight{
        width: 2.6rem;
        bottom: -1.5rem;
    }
    .secPerformance .txtTit .imgSlashLeft{
        left: 0rem;
    }
    .secPerformance .txtTit .imgSlashRight{
        right: 0rem;
    }
    .secPerformance .boxImg{
        margin-top: 3rem;
    }
    .secPerformance .imgPerformanceBottom{
        width: 106.87%;
        margin: 3rem auto 0;
    }
    .secPerformance .boxPerformance{
        padding: 3rem 2rem 2.7rem;
    }
    .secPerformance .boxPerformance .txtBoxTit{
        font-size: var(--spFontSize18);
        letter-spacing: var(--spLetterSpacing18_100);
        display: flex;
        flex-direction: column;
    }
    .secPerformance .boxPerformance .txtBoxTitBig{
        font-size: var(--spFontSize22);
        letter-spacing: var(--spLetterSpacing22_1000);
        margin-top: 1rem;
    }
    .secPerformance .boxListFlex{
        flex-direction: column;
        margin-top: 2.2rem;
    }
    .secPerformance .boxListFlex .boxListFlexItem{
        margin-right: 0;
    }
    .secPerformance .boxListFlex .boxListFlexItem:nth-child(n+2){
        margin-top: 1.5rem;
    }
    .secPerformance .boxListFlex .boxListFlexItem::after{
        display: none;
    }
    .secPerformance .boxList{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .secPerformance .item{
        width: calc((100% - 1rem) / 2);
        height: auto;
        padding: 1.2rem 0 1.6rem;
        margin-bottom: 1rem;
        margin-right: 1rem;
    }
    .secPerformance .item:first-child{
        width: 100%;
        height: 4.5rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0;
        margin-bottom: 1rem;
        margin-right: 0;
    }
    .secPerformance .item:nth-child(2n+1){
        margin-right: 0;
    }
    .secPerformance .item .txtitemTop{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_18);
        letter-spacing: 0;
    }
    .secPerformance .item .txtitemBottom{
        font-size: var(--spFontSize15);
        letter-spacing: 0;
        margin-top: 0.4rem;
    }
    .secPerformance .item:first-child .txtitemTop{
        font-size: var(--spFontSize14);
        letter-spacing: var(--spLetterSpacing14_50);
    }
    .secPerformance .item:first-child .txtitemBottom{
        font-size: var(--spFontSize20);
        letter-spacing: var(--spLetterSpacing20_50);
        margin-top: 0;
        margin-left: 0.6rem;
    }
    .secPerformance .item .txtitemMin{
        font-size: var(--spFontSize12);
        letter-spacing: 0;
    }
    .secPerformance .boxBottom{
        flex-direction: column;
        margin-top: 2rem;
    }
    .secPerformance .boxBottom .boxTxt{
        width: 18.6rem;
        margin: 0 auto;
    }
    .secPerformance .boxBottom .boxPrice{
        width: 97.63%;
        margin: 0.8rem auto 0;
    }
    .secPerformance .txtNote{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        letter-spacing: var(--spLetterSpacing12_50);
        margin-top: 1rem;
    }
}

/* secMyhome */
.secMyhome{
    margin-top: 11rem;
}
.secMyhome .imgMyhome img{
    border-radius: 0.5rem;
}
.secMyhome .iconCircle{
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    background: var(--btnActiveColor);
    margin: -0.6rem auto 0;
    position: relative;
}
.secMyhome .iconCircle::before,
.secMyhome .iconCircle::after{
	position: absolute;
	content: "";
	width: 1.1rem;
    height: 1.1rem;
	right: 0;
	left: 0;
	border-radius: 50%;
	background: var(--btnActiveColor);
}
.secMyhome .iconCircle::before{
	top: -3.1rem;
}
.secMyhome .iconCircle::after{
	bottom: -3.1rem;
}
.secMyhome .boxAboutTxt{
    text-align: center;
    margin-top: 8rem;
}
.secMyhome .boxAboutTxt .txtTop{
    font-size: var(--pcFontSize18);
    letter-spacing: var(--pcLetterSpacing18_100);
}
.secMyhome .boxAboutTxt .txtBottom{
    font-size: var(--pcFontSize24);
    line-height: var(--pcLineHeight24_45);
    letter-spacing: var(--pcLetterSpacing24_100);
    margin-top: 2.3rem;
}
.secMyhome .boxAboutTxt .txtOrange{
    color: var(--mustColor);
}
.secMyhome .imgIconPerformance{
    margin-top: 4rem;
}
.secMyhome .txtBottomMin{
    font-size: var(--pcFontSize30);
    letter-spacing: var(--pcLetterSpacing30_100);
    text-align: center;
    margin-top: 6rem;
}
.secMyhome .txtBottomBig{
    font-size: var(--pcFontSize30);
    letter-spacing: var(--pcLetterSpacing30_100);
    text-align: center;
    margin-top: 4rem;
}
.secMyhome .txtValue{
    font-size: var(--pcFontSize40);
    letter-spacing: var(--pcLetterSpacing40_100);
    color: var(--Colorwhite);
    position: relative;
}
.secMyhome .txtValue::after{
    content: "";
    width: 45.5rem;
    height: 5.5rem;
    background: var(--mustColor);
    position: absolute;
    top: 0.5rem;
    left: 0;
    z-index: -1;
}
@media only screen and (max-width:1215px){
    .secMyhome{
        margin-top: 4.6rem;
    }
    .secMyhome .iconCircle{
        width: 0.7rem;
        height: 0.7rem;
        margin: -0.4rem auto 0;
    }
    .secMyhome .iconCircle::before,
    .secMyhome .iconCircle::after{
        width: 0.7rem;
        height: 0.7rem;
    }
    .secMyhome .iconCircle::before{
        top: -1.7rem;
    }
    .secMyhome .iconCircle::after{
        bottom: -1.7rem;
    }
    .secMyhome .boxAboutTxt{
        margin-top: 3.5rem;
    }
    .secMyhome .boxAboutTxt .txtTop{
        font-size: var(--spFontSize15);
        line-height: var(--spLineHeight15_28);
        letter-spacing: var(--spLetterSpacing15_100);
    }
    .secMyhome .boxAboutTxt .txtBottom{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_30);
        letter-spacing: var(--spLetterSpacing16_50);
        margin-top: 0.3rem;
    }
    .secMyhome .imgIconPerformance{
        width: 100%;
        margin-top: 2.4rem;
    }
    .secMyhome .txtBottomMin{
        font-size: var(--spFontSize15);
        letter-spacing: 0;
        margin-top: 3rem;
    }
    .secMyhome .txtBottomBig{
        font-size: var(--spFontSize16);
        letter-spacing: var(--spLetterSpacing16_50);
        margin-top: 2.1rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .secMyhome .txtValue{
        font-size: var(--spFontSize20);
        letter-spacing: var(--spLetterSpacing20_50);
    }
    .secMyhome .txtValue::after{
        width: 24rem;
        height: 3.2rem;
        top: -0.5rem;
        left: 50%;
        transform: translateX(-50%);
    }
}

/* secInfo */
.secInfo{
    margin-top: 13rem;
}
.secInfo.lazyloaded {
    background: url(../img/lineup/bgInfo.jpg) center bottom / cover no-repeat;
}
.secInfo .wrapper{
    padding: 10rem 0 20% 0;
	text-align: center;
}
.secInfo .tit {
	font-size: var(--pcFontSize40);
    letter-spacing: var(--pcLetterSpacing40_100);
    color: var(--mustColor);
	background: var(--Colorwhite);
	display: inline-block;
	padding: 1rem 2rem;
}
.secInfo .txt {
	font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_50);
    letter-spacing: var(--pcLetterSpacing18_100);
	color: var(--Colorwhite);
	margin: 3.2rem auto;
}
.secInfo .secCmnPlan .btnList{
    margin-top: 0;
}
.secInfo .secCmnPlan .btnList {
    display: flex;
    justify-content: space-between;
    margin-top: 6.5rem;
}
.secInfo .secCmnPlan .btn{
    width: 48.551%;
	height: 8.8rem;
    border: 0.1rem solid var(--Colorwhite);
    border-radius: 0.4rem;
    text-align: center;
    color: var(--Colorwhite);
    position: relative;
}
.secInfo .secCmnPlan .btn:last-child{
    border: 0.1rem solid var(--formtxtColor);
	background: var(--mustColor);
}
.secInfo .secCmnPlan .btn a{
	height: 100%;
    font-size: var(--pcFontSize15);	
    display: flex;
    align-items: center;
    padding-left: 16.5rem;
}
.secInfo .secCmnPlan .btn:last-child a{
    padding-left: 11.6rem;
}
.secInfo .secCmnPlan .btn.lazyloaded::after {
    position: absolute;
    content: "";
    width: 10rem;
    height: 1.3rem;
    background: url(../img/lineup/imgArrowWhite.png) center top no-repeat;
    background-size: cover;
    top: 50%;
    transform: translateY(-50%);
    right: 17rem;
}
.secInfo .secCmnPlan .btn:last-child.lazyloaded::after {
    right: 12.5rem;
}
@media only screen and (max-width:1215px){
	.secInfo{
		height: 53rem;
        margin-top: 5rem;
	}
    .secInfo.lazyloaded {
        background: url(../img/lineup/bgInfo_sp.jpg) center bottom / cover no-repeat;
    }
    .secInfo .wrapper{
        padding: 4rem 0 20% 0;
    }
    .secInfo .tit {
        font-size: var(--spFontSize18);
        letter-spacing: var(--spLetterSpacing18_50);
        padding: 0.9rem 1rem;
    }
    .secInfo .txt {
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_24);
        letter-spacing: 0;
        margin: 1.3rem auto;
    }
    .secInfo .secCmnPlan .btnList {
        flex-direction: column;
        margin-top: 2.6rem;
    }
    .secInfo .secCmnPlan .btn{
        width: 100%;
        height: 5rem;
    }
    .secInfo .secCmnPlan .btn:nth-child(2){
        margin-top: 1.5rem;
    }
    .secInfo .secCmnPlan .btn a{
        height: 100%;
        font-size: var(--spFontSize12);	
        padding-left: 5rem;
    }
    .secInfo .secCmnPlan .btn:last-child a{
        padding-left: 1.2rem;
    }
    .secInfo .secCmnPlan .btn.lazyloaded::after {
        width: 4rem;
        height: 0.8rem;
        background: url(../img/lineup/imgArrowWhite_sp.png) center top / cover;
        right: 5.4rem;
    }
    .secInfo .secCmnPlan .btn:last-child.lazyloaded::after {
        right: 2.1rem;
    }
}
@media only screen and (max-width:350px){
    .secInfo .secCmnPlan .btn a{
        padding-left: 4.5rem;
    }
    .secInfo .secCmnPlan .btn:last-child a{
        padding-left: 0.8rem;
    }
    .secInfo .secCmnPlan .btn.lazyloaded::after {
        right: 4.4rem;
    }
    .secInfo .secCmnPlan .btn:last-child.lazyloaded::after {
        right: 1.6rem;
    }
}

/* secConcept */
.secConcept{
    text-align: center;
    margin-top: 12rem;
}
.secConcept .txtTop{
    font-size: var(--pcFontSize24);
    letter-spacing: var(--pcLetterSpacing24_100);
}
.secConcept .boxTit{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    margin-top: 4rem;
}
.secConcept .boxTit.spOnly{
        display: none;
}
.secConcept .boxTit .txtTit{
    font-size: var(--pcFontSize30);
    letter-spacing: var(--pcLetterSpacing30_100);
    color: var(--Colorwhite);
    text-align: center;
    background: var(--mustColor);
    padding: 1rem 2rem;
}
.secConcept .boxTit .txtTit2{
    margin-top: 2rem;
}
.secConcept .iconCircle{
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    background: var(--btnActiveColor);
    margin: 8.1rem auto 0;
    position: relative;
}
.secConcept .iconCircle::before,
.secConcept .iconCircle::after{
	position: absolute;
	content: "";
	width: 1.1rem;
    height: 1.1rem;
	right: 0;
	left: 0;
	border-radius: 50%;
	background: var(--btnActiveColor);
}
.secConcept .iconCircle::before{
	top: -3.1rem;
}
.secConcept .iconCircle::after{
	bottom: -3.1rem;
}
.secConcept .boxList{
    display: flex;
    flex-wrap: wrap;
    margin-top: 8.1rem;
}
.secConcept .boxList .item{
    width: calc((100% - 6rem) / 2);
    margin-right: 6rem;
}
.secConcept .boxList .item:nth-child(2n){
    margin-right: 0;
}
.secConcept .boxList .item:nth-child(n+3){
    margin-top: 6rem;
}
.secConcept .boxList .txtBox{
    height: 13rem;
    background:var(--btnIconColor);
    border-radius: 0.5rem 0.5rem 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.secConcept .boxList .txtMin{
    font-size: var(--pcFontSize22);
    letter-spacing: var(--pcLetterSpacing22_100);
    color: var(--Colorwhite);
}
.secConcept .boxList .txtBig{
    font-size: var(--pcFontSize30);
    letter-spacing: var(--pcLetterSpacing30_100);
    color: var(--ColorYellow);
    margin-top: 1.7rem;
}
.secConcept .boxList .boxTagList{
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
}
.secConcept .boxList .boxTag{
    width: calc((100% - 4rem) / 3);
    height: 6rem;
    background: var(--formFlowBox);
    border-radius: 0.5rem;
    font-size: var(--pcFontSize18);
    letter-spacing: var(--pcLetterSpacing18_50);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 2rem;
}
.secConcept .boxList .boxTag.boxTagLast{
    margin-right: 0;
}
.secConcept .boxList .boxTag.boxTagBig{
    width: calc((100% - 2rem) / 2);
}
.secConcept .boxList .boxTag.boxBottom{
    margin-top: 2rem;
}
@media only screen and (max-width:1215px){
    .secConcept{
        margin-top: 3.9rem;
    }
    .secConcept .txtTop{
        font-size: var(--spFontSize15);
        letter-spacing: var(--pcLetterSpacing15_50);
    }
    .secConcept .boxTit{
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        margin-top: 1.9rem;
    }
    .secConcept .boxTit.spNone{
        display: none;
    }
    .secConcept .boxTit.spOnly{
        display: inline-flex;
    }
    .secConcept .boxTit .txtTit{
        font-size: var(--spFontSize16);
        letter-spacing: var(--spLetterSpacing16_50);
        padding: 0.7rem 0.6rem;
    }
    .secConcept .boxTit .txtTit2{
        margin-top: 1rem;
    }
    .secConcept .iconCircle{
        width: 0.7rem;
        height: 0.7rem;
        margin: 3.7rem auto 0;
    }
    .secConcept .iconCircle::before,
    .secConcept .iconCircle::after{
        width: 0.7rem;
        height: 0.7rem;
    }
    .secConcept .iconCircle::before{
        top: -1.7rem;
    }
    .secConcept .iconCircle::after{
        bottom: -1.7rem;
    }
    .secConcept .boxList{
        margin-top: 3.7rem;
    }
    .secConcept .boxList .item{
        width: 100%;
        margin-right: 0;
    }
    .secConcept .boxList .item:nth-child(n+2){
        margin-top: 3rem;
    }
    .secConcept .boxList .txtBox{
        height: 7rem;
    }
    .secConcept .boxList .txtMin{
        font-size: var(--spFontSize13);
        letter-spacing: var(--spLetterSpacing13_50);
    }
    .secConcept .boxList .txtBig{
        font-size: var(--spFontSize16);
        letter-spacing: var(--spLetterSpacing16_50);
        margin-top: 0.7rem;
    }
    .secConcept .boxList .boxTagList{
        margin-top: 1rem;
    }
    .secConcept .boxList .boxTag{
        width: calc((100% - 1rem) / 3);
        height: 3rem;
        font-size: var(--spFontSize11);
        letter-spacing: -0.03em;
        margin-right: 0.5rem;
    }
    .secConcept .boxList .boxTag.boxTagLast{
        margin-right: 0;
    }
    .secConcept .boxList .boxTag.boxTagBig{
        width: calc((100% - 0.5rem) / 2);
    }
    .secConcept .boxList .boxTag.boxBottom{
        margin-top: 0.5rem;
    }
}

/* secEquipment */
.secEquipment{
    margin-top: 13.2rem;
}
.secEquipment .txtTit{
    font-size: var(--pcFontSize40);
    line-height: var(--pcLineHeight40_70);
    letter-spacing: var(--pcLetterSpacing40_100);
    text-align: center;
}
.secEquipment .txtOrange{
    color: var(--mustColor);
}
.secEquipment .boxList{
    display: flex;
    flex-wrap: wrap;
    margin-top: 6.5rem;
}
.secEquipment .boxList .item{
    width: calc((100% - 12rem) / 4);
    margin-right: 4rem;
}
.secEquipment .boxList .item:nth-child(4n){
    margin-right: 0;
}
.secEquipment .boxList .item:nth-child(n+5){
    margin-top: 5rem;
}
.secEquipment .boxList .txtEquipment{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_32);
    letter-spacing: var(--pcLetterSpacing20_50);
    text-align: center;
    margin-top: 2.3rem;
}
@media only screen and (max-width:1215px){
    .secEquipment{
        margin-top: 4rem;
    }
    .secEquipment .txtTit{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_34);
        letter-spacing: var(--spLetterSpacing18_100);
    }
    .secEquipment .boxList{
        margin-top: 1.7rem;
    }
    .secEquipment .boxList .item{
        width: calc((100% - 2rem) / 3);
        margin-right: 1rem;
    }
    .secEquipment .boxList .item:nth-child(3n){
        margin-right: 0;
    }
    .secEquipment .boxList .item:nth-child(n+4){
        margin-top: 2rem;
    }
    .secEquipment .boxList .txtEquipment{
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_15);
        margin-top: 0.5rem;
    }
}

/* secPlan */
.secPlan{
    margin-top: 13.2rem;
}
.secPlan .txtTit{
    font-size: var(--pcFontSize40);
    line-height: var(--pcLineHeight40_70);
    letter-spacing: var(--pcLetterSpacing40_100);
    text-align: center;
}
.secPlan .txtOrange{
    color: var(--mustColor);
}
.secPlan .iconCircle{
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    background: var(--btnActiveColor);
    margin: 6.5rem auto 0;
    position: relative;
}
.secPlan .iconCircle2{
    margin: 10rem auto 0;
}
.secPlan .iconCircle::before,
.secPlan .iconCircle::after{
	position: absolute;
	content: "";
	width: 1.1rem;
    height: 1.1rem;
	right: 0;
	left: 0;
	border-radius: 50%;
	background: var(--btnActiveColor);
}
.secPlan .iconCircle::before{
	top: -3.1rem;
}
.secPlan .iconCircle::after{
	bottom: -3.1rem;
}

.secPlan .boxPlan{
    background: var(--formFlowBox);
    border-radius: 0.5rem;;
}
.secPlan .secDetailsTab{
    display: flex;
    justify-content: center;
    margin-top: 9rem;
    background: var(--formFlowBox);
    border-radius: 0.5rem;
    border-bottom: none;
}
.secPlan .item{
    width: calc((100% - 0.05rem) / 2);
}
.secPlan .link{
    display: block;
    width: 100%;
    height: 13rem;
    border: 0.1rem solid var(--tabBorderColor);
    font-size: var(--pcFontSize30);
    color: var(--tabBorderColor);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.secPlan .link.active::after{
    content: "";
    width: 3.5rem;
    height: 3.5rem;
    position: absolute;
    bottom: -1.75rem;
    left: 50%;
    transform: translateX(-50%);
}
.secPlan .link.lazyloaded.active::after{
    background: url(../img/lineup/imgTabArrow.png) center top / cover;
}
.secPlan .link.active{
    border-bottom: 0.1rem solid var(--formFlowBox);
    color: var(--btnActiveColor);
}
.secPlan .secDetailsTabContentsWrap{
    padding-top: 9rem;
    padding-bottom: 13rem;
    border: 0.1rem solid var(--tabBorderColor);
    border-top: none;
}
.secPlan .boxTab{
    display: flex;
    justify-content: center;
}
.secPlan .itemTab{
    width: calc((100% - 8rem) / 5);
    margin-right: 2rem;
}
.secPlan .itemTab:last-child{
    margin-right: 0;
}
.secPlan .linkTab{
    display: block;
    width: 100%;
    height: 9rem;
    border: 0.1rem solid var(--formtxtColor);
    border-radius: 0.5rem;
    background: var(--Colorwhite);
    font-size: var(--pcFontSize26);
    color: var(--formtxtColor);
    display: flex;
    justify-content: center;
    align-items: center;
}
.secPlan .linkTab.active{
    background: var(--formtxtColor);
    color: var(--Colorwhite);
    position: relative;
}
.secPlan .linkTab.active::after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 0.75rem solid transparent;
    border-left: 0.75rem solid transparent;
    border-top: 1.5rem solid var(--formtxtColor);
    border-bottom: 0;
    position: absolute;
    bottom: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
}
.secPlan .txtNum{
    font-size: var(--pcFontSize40);
}
.secPlan .txtSize{
    margin-left: 0.4rem;
    padding-top: 0.4rem;
}
.secPlan .txtPlan{
    margin-left: 1rem;
    padding-top: 1rem;
}
.secPlan .boxContents{
    background: var(--Colorwhite);
    padding: 8rem;
    margin-top: 5.5rem;
}
.secPlan .boxPlanAbout{
    display: flex;
    border: 0.1rem solid var(--formtxtColor);
    border-radius: 0.5rem;
}
.secPlan .boxLeft{
    width: 15rem;
    height: 14.8rem;
    background: var(--formtxtColor);
    color: var(--Colorwhite);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.secPlan .boxLeft .boxTop{
    display: flex;
}
.secPlan .boxLeft .txtContentsNum{
    font-size: var(--pcFontSize65);
}
.secPlan .boxLeft .txtContentsSize{
    font-size: var(--pcFontSize26);
    padding-top: 2.8rem;
    margin-left: 0.6rem;
}
.secPlan .boxLeft .txtContentsPlan{
    font-size: var(--pcFontSize30);
    margin-top: 0.2rem;
}
.secPlan .boxRight{
    width: calc(100% - 15rem);
    height: 14.8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 2.5rem;
}
.secPlan .boxRight .boxContentsPrice{
    display: flex;
    color: var(--mustColor);
}
.secPlan .boxRight .txtContentsPrice{
    font-size: var(--pcFontSize60);
}
.secPlan .boxRight .txtContentsYen{
    font-size: var(--pcFontSize26);
    margin-left: 0.8rem;
    padding-top: 2.4rem;
}
.secPlan .boxRight .txtContentsTax{
    font-size: var(--pcFontSize18);
    color: var(--formtxtColor);
    margin-left: 1.5rem;
    padding-top: 3rem;
}
.secPlan .boxRight .boxContentsSize{
    display: flex;
    margin-top: 1.5rem;
}
.secPlan .boxRight .txtContentsSize{
    font-size: var(--pcFontSize16);
    margin-right: 1rem;
}
.secPlan .boxImgExterior{
    margin-top: 6rem;
}
.secPlan .boxPlanDiagram{
    margin-top: 6rem;
    border: 0.1rem solid var(--formtxtColor);
    border-radius: 0.5rem;
}
.secPlan .boxPlanDiagram .txtPlanDiagram{
    font-size: var(--pcFontSize20);
    letter-spacing: var(--pcLetterSpacing20_100);
    color: var(--Colorwhite);
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--formtxtColor);
}
.secPlan .boxPlanDiagram .boxPlanDiagramIn{
    height: 48rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.secPlan .boxPlanDiagram .boxPlanDiagramIn.spOnly{
    display: none;
}
.secPlan .boxPlanDiagram .boxImgPlan{
    max-width: 90%;
}
.secPlan .boxPlanDiagram .boxImgLightBox{
    position: absolute;
    bottom: 0;
    right: 0;
}
.secPlan .boxPlanDiagram .boxImgLightBox img{
    border-radius: 0 0 0.5rem 0;
}
@media only screen and (max-width:1215px){
    .secPlan{
        margin-top: 5rem;
    }
    .secPlan .txtTit{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_34);
        letter-spacing: var(--spLetterSpacing18_100);
    }
    .secPlan .iconCircle{
        width: 0.7rem;
        height: 0.7rem;
        margin: 2.9rem auto 0;
    }
    .secPlan .iconCircle2{
        margin: 0 auto;
    }
    .secPlan .iconCircle::before,
    .secPlan .iconCircle::after{
        width: 0.7rem;
        height: 0.7rem;
    }
    .secPlan .iconCircle::before{
        top: -1.7rem;
    }
    .secPlan .iconCircle::after{
        bottom: -1.7rem;
    }
    
    .secPlan .boxPlan{
        background: var(--Colorwhite);
    }
    .secPlan .secDetailsTab{
        margin-top: 3.7rem;
    }
    .secPlan .link{
        height: 6rem;
        font-size: var(--spFontSize18);
    }
    .secPlan .link.active::after{
        width: 1.9rem;
        height: 1.9rem;
        bottom: -0.95rem;
    }
    .secPlan .secDetailsTabContentsWrap{
        padding-top: 0;
        padding-bottom: 6rem;
        border: none;
    }
    .secPlan .boxTabBg{
        background: var(--formFlowBox);
        padding: 2.1rem 0;
    }
    .secPlan .boxTab{
        flex-wrap: wrap;
        justify-content: normal;
    }
    .secPlan .itemTab{
        width: calc((100% - 2rem) / 3);
        margin-right: 1rem;
    }
    .secPlan .itemTab:nth-child(3n){
        margin-right: 0;
    }
    .secPlan .itemTab:nth-child(n+4){
        margin-top: 1.1rem;
    }
    .secPlan .linkTab{
        height: 4.5rem;
        font-size: var(--spFontSize15);
    }
    .secPlan .linkTab.active::after{
        display: none;
    }
    .secPlan .txtNum{
        font-size: var(--spFontSize20);
    }
    .secPlan .txtSize{
        margin-left: 0.2rem;
        padding-top: 0.2rem;
    }
    .secPlan .txtPlan{
        margin-left: 0.4rem;
        padding-top: 0.5rem;
    }
    .secPlan .boxContents{
        padding: 0;
        margin-top: 2.5rem;
    }
    .secPlan .boxPlanAbout{
        flex-direction: column;
        border-radius: 0.5rem;
    }
    .secPlan .boxLeft{
        width: 100%;
        height: 5rem;
        background: var(--formtxtColor);
        color: var(--Colorwhite);
        flex-direction: row;
    }
    .secPlan .boxLeft .txtContentsNum{
        font-size: var(--spFontSize30);
    }
    .secPlan .boxLeft .txtContentsSize{
        font-size: var(--spFontSize16);
        padding-top: 0.8rem;
        margin-left: 0.4rem;
    }
    .secPlan .boxLeft .txtContentsPlan{
        font-size: var(--spFontSize20);
        margin-top: 0.3rem;
        margin-left: 1rem;
    }
    .secPlan .boxRight{
        width: 100%;
        height: auto;
        padding: 1.3rem 1.6rem 1.6rem;
    }
    .secPlan .boxRight .txtContentsPrice{
        font-size: var(--spFontSize40);
    }
    .secPlan .boxRight .txtContentsYen{
        font-size: var(--spFontSize18);
        margin-left: 0.5rem;
        padding-top: 1.4rem;
    }
    .secPlan .boxRight .txtContentsTax{
        font-size: var(--spFontSize13);
        margin-left: 0.7rem;
        padding-top: 1.5rem;
    }
    .secPlan .boxRight .boxContentsSize{
        margin-top: 0.7rem;
    }
    .secPlan .boxRight .txtContentsSize{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_18);
        margin-right: 1rem;
    }
    .secPlan .boxImgExterior{
        margin-top: 2rem;
    }
    .secPlan .boxPlanDiagram{
        margin-top: 2rem;
    }
    .secPlan .boxPlanDiagram .txtPlanDiagram{
        font-size: var(--spFontSize16);
        letter-spacing: var(--spLetterSpacing16_50);
        height: 4rem;
    }
    .secPlan .boxPlanDiagram .boxPlanDiagramIn{
        height: auto;
        padding: 2rem 4rem;
    }
    .secPlan .boxPlanDiagram .boxPlanDiagramIn.spOnly{
        display: flex;
    }
    .secPlan .boxPlanDiagram .boxPlanDiagramIn.spNone{
        display: none;
    }
    .secPlan .boxPlanDiagram .boxImgPlan{
        max-width: 90%;
    }
    .secPlan .boxPlanDiagram .boxImgLightBox{
        width: 4rem;
        height: 4rem;
    }
}

/* secModelHouse */
.secModelHouse{
    position: relative;
    color: var(--Colorwhite);
    text-align: center;
    margin-top: 15rem;
    padding-bottom: 12rem;
}
.secModelHouse.lazyloaded{
    background: url(../img/lineup/bgCmnModelHouse.png) center top / cover;
}
.secModelHouse .txtTit{
    font-size: var(--pcFontSize30);
    letter-spacing: var(--pcLetterSpacing30_100);
    display: inline-flex;
    flex-direction: column;
    margin-top: -2.5rem;
}
.secModelHouse .txtTit .txtTop{
    background: var(--mustColor);
    padding: 1rem 2rem;
}
.secModelHouse .txtTit .txtBotom{
    margin-top: 2.9rem;
}
.secModelHouse .txtTitSub{
    font-size: var(--pcFontSize50);
    letter-spacing: var(--pcLetterSpacing50_100);
    margin-top: 5.4rem;
}
.secModelHouse .txtTitSub .txtBig{
    font-size: var(--pcFontSize60);
    letter-spacing: var(--pcLetterSpacing60_100);
}
.secModelHouse .txtWelcome{
    position: absolute;
    top: 18rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.secModelHouse .imgModelHouse{
    margin-top: 10.2rem;
    position: relative;
    z-index: 2;
}
.secModelHouse .imgModelHouse img{
    border-radius: 0.5rem;
}
.secModelHouse .boxBottomLeft{
    text-align: left;
    margin-top: 4.4rem;
}
.secModelHouse .boxBottomLeft .txtTop{
    font-size: var(--pcFontSize30);
    line-height: var(--pcLineHeight30_60);
    letter-spacing: var(--pcLetterSpacing30_100);
}
.secModelHouse .boxBottomLeft .txtBottom{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_40);
    letter-spacing: var(--pcLetterSpacing20_100);
    margin-top: 1.5rem;
}
.secModelHouse .btn{
    width: 67rem;
	height: 8.8rem;
    border: 0.1rem solid var(--formtxtColor);
    background: var(--mustColor);
    border-radius: 0.4rem;
    text-align: center;
    color: var(--Colorwhite);
    position: relative;
    margin-top: 5rem;
}
.secModelHouse .btn .btnLink{
	height: 100%;
    font-size: var(--pcFontSize15);	
    display: flex;
    align-items: center;
    padding-left: 17.5rem;
}
.secModelHouse .btn.lazyloaded::after{
    position: absolute;
    content: "";
    width: 10rem;
    height: 1.3rem;
    background: url(../img/lineup/imgArrowWhite.png) center top no-repeat;
    background-size: cover;
    top: 50%;
    transform: translateY(-50%);
    right: 17.6rem;
}
.secModelHouse .imgHouse{
    width: 84.5rem;
    position: absolute;
    bottom: 0;
    right: 2rem;
}
@media only screen and (max-width:1800px){
    .secModelHouse .imgHouse{
    width: 74rem;
    right: 0;
}
}
@media only screen and (max-width:1215px){
    .secModelHouse{
        margin-top: 5rem;
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .secModelHouse.lazyloaded{
        background: url(../img/lineup/bgCmnModelHouse_sp.png) center top / cover;
    }
    .secModelHouse .txtTit{
        font-size: var(--spFontSize15);
        letter-spacing: var(--spLetterSpacing15_50);
        margin-top: 0;
        display: block;
        position: absolute;
        top: -0.8rem;
    }
    .secModelHouse .txtTit .txtTop{
        padding: 0.4rem 0.2rem 0.5rem;
    }
    .secModelHouse .txtTit .txtBotom{
        background: var(--mustColor);
        padding: 0.7rem 0.5rem 0.8rem;
        margin-top: 1.8rem;
        display: inline-block;
    }
    .secModelHouse .txtTitSub{
        font-size: var(--spFontSize18);
        letter-spacing: var(--spLetterSpacing18_50);
        margin-top: 2.1rem;
    }
    .secModelHouse .txtTitSub .txtBig{
        font-size: var(--spFontSize22);
        letter-spacing: var(--spLetterSpacing22_50);
    }
    .secModelHouse .txtWelcome{
        display: none;
    }
    .secModelHouse .imgModelHouse{
        margin-top: 4.1rem;
    }
    .secModelHouse .imgModelHouse img{
        border-radius: 0;
    }
    .secModelHouse .boxBottomLeft{
        margin-top: 2.2rem;
    }
    .secModelHouse .boxBottomLeft .txtTop{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_32);
        letter-spacing: var(--spLetterSpacing18_50);
    }
    .secModelHouse .boxBottomLeft .txtBottom{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_26);
        letter-spacing: var(--spLetterSpacing14_50);
        margin-top: 1rem;
    }
    .secModelHouse .btn{
        width: 100%;
        height: 5rem;
        margin-top: 2.3rem;
    }
    .secModelHouse .btn .btnLink{
        font-size: var(--spFontSize12);	
        padding-left: 6rem;
    }
    .secModelHouse .btn.lazyloaded::after{
        width: 4rem;
        height: 0.8rem;
        background: url(../img/lineup/imgArrowWhite_sp.png) center top / cover;
        right: 6rem;
    }
    .secModelHouse .imgHouse{
        display: none;
    }
}
@media only screen and (max-width:360px){
    .secModelHouse .btn .btnLink {
        padding-left: 4.5rem;
    }
        .secModelHouse .btn.lazyloaded::after {
        right: 5.5rem;
    }
}