@charset "utf-8";

/*-----------------------------------------------
    index
-----------------------------------------------*/

@media only screen and (max-width:767px){
    #main{
        display: flex;
        flex-flow: column;
    }
    .mainWrapper{
        order: 2;
    }
    .secHero{
        order: 1;
    }
    #pnkz{
        order: 3;
        margin-top: 7rem;
    }
    #footer{
        order: 4;
    }
}

/* main */
#main{
    margin-bottom: 150px;
}
@media only screen and (max-width:767px){
    #main{
    margin-bottom: 0;
}
}

/* secHero */
.secHero{
    height: calc(100vh + 9.6rem);
    background: url(../img/lp_hiraya/bgHero.jpg) center top / cover;
    padding: 18.6rem 18rem 14rem;
}
.secHero .titBox{
    text-align: center;
}
.secHero .innerBox{
    display: flex;
    flex-flow: column;
    justify-content: center;
    height: 100%;
}
.secHero .titEng{
    margin-top: 0.4rem;
}
.secHero .tit{
    font-size: var(--pcFontSize32);
    letter-spacing: 1.15rem;
    font-weight: 500;
    color: #fff;
    text-align: center;
    margin-top: 4.2rem;
}
.secHero .logo{
    margin-top: 4.8rem;
}
.secHero .priceTit{
    text-align: right;
}
.secHero .imgR{
    width: auto;
}
.secHero .brSp{
    display: none;
}
@media only screen and (max-width:1300px){
    .secHero{
        padding: 18.6rem 8rem 14rem;
    }
}
.isDesktopIpad .secHero{
    height: 70rem;
}
@media only screen and (max-width:767px){
    .secHero{
        background: url(../img/lp_hiraya/bgHero_sp.jpg) center bottom / cover;
        padding: 0 0 6px;
        height: 57.5rem;
    }
    .secHero .titEng{
        width: 18.6rem;
        margin: 0 auto;
    }
    .secHero .tit{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight20_34);
        letter-spacing: 6.8px;
        margin-top: 1.7rem;
    }
    .secHero .logo{
        width: 88%;
        max-width: 33rem;
        margin: 1.5rem auto 0;
    }
    .secHero .priceTit{
        width: 20.8rem;
        margin: 2.8rem auto 0;
    }
    .secHero .imgR{
        width: 100%;
    }
    .secHero .brSp{
        display: block;
    }
}

/* secBg */
.secBg{
    background: #eff1ef;
    padding: 12.3rem 0 ;
}
@media only screen and (max-width:767px){
    .secBg{
        background: #eff1ef;
        padding: 3.8rem 0 6rem;
    }
}

/* secTop */
.secTop .tit{
    font-size: var(--pcFontSize40);
    line-height: var(--pcLineHeight40_90);
    letter-spacing: 0.16em;
    color: #f6ab00;
    text-align: center;
    font-weight: 800;
}
.secTop .txt{
    font-size: var(--pcFontSize26);
    letter-spacing: 0.16;
    color: #000;
    text-align: center;
    margin-top: 4.3rem;
    font-weight: 600;
}
.secTop .boxSlider{
    position: relative;
    width: calc(100% - 100px);
    max-width: 1800px;
    margin: 10rem auto 0;
    overflow: hidden;
}
.secTop .swiper{
    width: 760px;
    overflow: visible;
}
.secTop .swiper-wrapper{
    transition-timing-function: linear;
}
.secTop .txtImg{
    width: 100%;
    margin: 60px auto 0;
}
@media only screen and (max-width:767px){
    .secTop .tit{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_40);
        letter-spacing: var(--spLetterSpacing18_300);
    }
    .secTop .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_32);
        letter-spacing: var(--spLetterSpacing14_150);
        margin-top: 1.4rem;
    }
    .secTop .boxSlider{
        width: 100%;
        max-width: 100%;
        margin: 4rem auto 0;
    }
    .secTop .swiper{
        width: 41rem;
    }
    .secTop .txtImg{
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
}

/* secLife */
.secLife{
    margin-top:6rem;
}
.secLife .tit{
    font-size: var(--pcFontSize40);
    line-height: var(--pcLineHeight40_88);
    letter-spacing: var(--pcLetterSpacing40_250);
    color: #fff;
    text-align: center;
}
.secLife .titBox{
    display: flex;
    margin-top: 12.9rem;
}
.secLife .titSub{
    font-size: var(--pcFontSize26);
    letter-spacing: var(--pcLetterSpacing26_100);
    margin: 3.8rem 0 0 2rem;
    color: #fff;
}
.secLife .list{
    width: 188rem;
    max-width: calc(100% - 4rem);
    display: flex;
    margin: 5rem auto 0;
}
.secLife .item{
    width: calc(50% - 1rem);
    margin-right: 2rem;
    position: relative;
}
.secLife .item:last-child{
    margin-right: 0;
}
.secLife .txtBox{
    min-width: 46.5rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--bgColor);
    padding: 3.5rem 1rem 2.5rem 4.8rem;
}
.secLife .itemTit{
    font-size: var(--pcFontSize32);
    line-height: var(--pcLineHeight32_50);
    letter-spacing: var(--pcLetterSpacing32_50);
    color: #fff;
}
.secLife .itemTxt{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_38);
    letter-spacing: var(--pcLetterSpacing18_50);
    margin-top: 1rem;
    color: #fff;
}
@media only screen and (max-width:767px){
    .secLife{
        margin-top: 3.8rem;
    }
    .secLife .tit{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_40);
        letter-spacing: var(--spLetterSpacing18_300);
    }
    .secLife .titBox{
        margin-top: 3.8rem;
    }
    .secLife .titEng img{
        height: 3rem;
        width: auto;
    }
    .secLife .titSub{
        font-size: var(--spFontSize16);
        letter-spacing: var(--spLetterSpacing0);
        margin: 1rem 0 0 1rem;
    }
    .secLife .list{
        width: 100%;
        max-width: 100%;
        display: block;
        margin: 3rem auto 0;
    }
    .secLife .item{
        width: 100%;
        margin-right: 0;
        padding-left: 5.333%;
    }
    .secLife .item:nth-child(2n){
        padding: 0 5.333% 0 0;
    }
    .secLife .item:nth-child(n+2){
        margin-top: 4.4rem;
    }
    .secLife .txtBox{
        width: calc(100% - 7rem);
        min-width: 0;
        position: relative;
        padding: 2.5rem 1rem 0 0;
        margin-top: -4rem;
    }
    .secLife .item:nth-child(2n) .txtBox{
        margin: -4rem 0 0 auto;
        padding: 2.5rem 1rem 0 1.8rem;
    }
    .secLife .itemTit{
        font-size: var(--spFontSize22);
        line-height: var(--spLineHeight22_50);
        letter-spacing: var(--spLetterSpacing22_50);
    }
    .secLife .itemTxt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_28);
        letter-spacing: var(--spLetterSpacing14_50);
        margin-top: 1rem;
    }
}

/* secDesign */
.secDesign{
    margin-top: 17.5rem;
}
.secDesign .titBox{
    display: flex;
}
.secDesign .titSub{
    font-size: var(--pcFontSize26);
    letter-spacing: var(--pcLetterSpacing26_100);
    margin: 3.8rem 0 0 2rem;
    color: #fff;
}
.secDesign .list{
    display: flex;
    flex-wrap: wrap;
    margin: 5rem auto 0;
    width: 188rem;
    max-width: calc(100% - 4rem);
}
.secDesign .item{
    width: 32.979%;
    margin-right: 0.5315%;
}
.secDesign .item:nth-child(3n){
    margin-right: 0;
}
.secDesign .item:nth-child(n+4){
    margin-top: 0.5315%;
}
@media only screen and (max-width:767px){
    .secDesign{
        margin-top: 6.5rem;
    }
    .secDesign .titEng img{
        height: 2.9rem;
        width: auto;
    }
    .secDesign .titSub{
        font-size: var(--spFontSize16);
        letter-spacing: var(--spLetterSpacing0);
        margin: 1rem 0 0 1rem;
    }
    .secDesign .list{
        margin: 2.3rem auto 0;
        width: 100%;
        max-width: 100%;
    }
    .secDesign .item{
        width: calc(50% - 0.05rem);
        margin-right: 0.1rem;
    }
    .secDesign .item:nth-child(3n){
        margin-right: 0.1rem;
    }
    .secDesign .item:nth-child(2n){
        margin-right: 0;
    }
    .secDesign .item:nth-child(n+3){
        margin-top: 3rem;
    }
}

/* secCatarogBnr */
.secCatarogBnr{
    margin: 60px auto 0;
    width: 180rem;
    max-width: calc(100% - 4rem);
}
.secCatarogBnr .inner{
    display: block;
    text-decoration: none;
    color: #1b434e;
    position: relative;
}
.secCatarogBnr .img{
    overflow: hidden;
}
.secCatarogBnr .txtBox{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.secCatarogBnr .txtFlex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.secCatarogBnr .engTit{
    font-size: var(--pcFontSize20);
    letter-spacing: var(--pcLetterSpacing20_140);
}
.secCatarogBnr .tit{
    font-size: var(--pcFontSize30);
    line-height: var(--pcLineHeight30_65);
    letter-spacing: var(--pcLetterSpacing25_200);
    margin-top: 1rem;
    font-weight: 500;
}
.secCatarogBnr .catalogImg{
    width: 61.4rem;
    position: absolute;
    left: calc(50% - 27rem);
    top: calc(50% - 36rem);
}
.secCatarogBnr .btnBox{
    margin-top: 4.2rem;
    position: relative;
    display: inline-block;
}
.secCatarogBnr .btnBox::after{
    position: absolute;
    content: "";
    width: 4.5rem;
    height: 4.5rem;
    border: solid 0.1rem #1b434e;
    border-radius: 50%;
    right: -2rem;
    bottom: -1.6rem;
}
.secCatarogBnr .btnTxt{
    font-size: var(--pcFontSize15);
    letter-spacing: var(--pcLetterSpacing15_100);
    display: inline-block;
    position: relative;
    padding-right: 32.3rem;
    z-index: 30;
}
.secCatarogBnr .btnTxt::after,
.secCatarogBnr .btnTxt::before{
    position: absolute;
    content: "";
}
.secCatarogBnr .btnTxt::after{
    width: 30.3rem;
    height: 1px;
    top: calc(50% + 0.05rem);
    right: 0;
    background: #1b434e;
}
.secCatarogBnr .btnTxt::before{
    width: 0.7rem;
    height: 0.7rem;
    border: solid 0.1rem;
    transform: rotate(45deg);
    top: calc(50% - 0.25rem);
    right: 0;
    border-color: #1b434e #1b434e transparent transparent;
}
.secCatarogBnr .rightBox{
    text-align: right;
}
.secCatarogBnr .rightTit{
    font-size: var(--pcFontSize24);
    line-height: var(--pcLineHeight24_89);
    letter-spacing: var(--pcLetterSpacing24_150);
    color: #fff;
}
.secCatarogBnr .rightTxt{
    font-size: var(--pcFontSize11);
    line-height: var(--pcLineHeight11_40);
    letter-spacing: var(--pcLetterSpacing11_270);
    margin-top: 1.6rem;
    color: #fff;
}
@media only screen and (max-width:1780px){
    .secCatarogBnr .catalogImg{
        width: 50rem;
        left: calc(50% - 210px);
        top: calc(50% - 300px);
    }
}
@media only screen and (max-width:1660px){
    .secCatarogBnr .catalogImg{
        width: 450px;
        left: calc(50% - 175px);
        top: calc(50% - 275px);
    }
}
@media only screen and (max-width:1560px){
    .secCatarogBnr .tit{
        font-size: var(--pcFontSize24);
    }
    .secCatarogBnr .txt{
        font-size: var(--pcFontSize13);
    }
    .secCatarogBnr .rightTit{
        font-size: var(--pcFontSize20);
    }
    .secCatarogBnr .rightTxt{
        font-size: var(--pcFontSize10);
    }
    .secCatarogBnr .btnTxt{
        padding-right: 25.3rem;
    }
    .secCatarogBnr .btnTxt::after{
        width: 23.3rem;
    }
    .secCatarogBnr .engTit{
        font-size: var(--pcFontSize18);
    }
}
@media only screen and (max-width:767px){
    .secCatarogBnr{
        margin: 7rem auto 0;
        width: 89.334%;
    }
    .secCatarogBnr .txtFlex{
        display: block;
        padding: 0;
    }
    .secCatarogBnr .engTit{
        font-size: var(--spFontSize11);
        letter-spacing: var(--spLetterSpacing11_170);
    }
    .secCatarogBnr .tit{
        font-size: var(--spFontSize19);
        line-height: var(--spLineHeight19_36);
        letter-spacing: var(--spLetterSpacing19_150);
        margin-top: 2rem;
    }
    .secCatarogBnr .catalogImg{
        width: calc(100% + 4rem);
        position: static;
        left: 0;
        top: 0;
        margin: 1rem -2rem 0;
    }
    .secCatarogBnr .btnBox{
        margin-top: 1.5rem;
        display: block;
    }
    .secCatarogBnr .btnBox::after{
        width: 2.5rem;
        height: 2.5rem;
        border: solid 0.1rem #1b434e;
        background: rgb(255, 255, 255, 0.6);
        right: 0;
        bottom: -0.6rem;
    }
    .secCatarogBnr .btnTxt{
        font-size: var(--spFontSize15);
        letter-spacing: var(--spLetterSpacing15_200);
        display: block;
        padding-right: 0;
    }
    .secCatarogBnr .btnTxt::after{
        width: calc(100% - 15.2rem);
        top: calc(50% + 0.05rem);
        right: 1rem;
    }
    .secCatarogBnr .btnTxt::before{
        width: 0.5rem;
        height: 0.5rem;
        top: calc(50% - 0.15rem);
        right: 1.1rem;
    }
    .secCatarogBnr .rightBox{
        display: none;
    }
}
@media only screen and (max-width:374px){
    .secCatarogBnr .engTit{
        font-size: var(--spFontSize10);
    }
    .secCatarogBnr .txtFlex{
        padding: 0 2rem 1rem;
    }
    .secCatarogBnr .tit {
        font-size: var(--spFontSize17);
        margin-top: 1rem;
    }
    .secCatarogBnr .catalogImg {
        margin: 1rem -2.5rem 0;
    }
}
.isDesktopIpad .secCatarogBnr .btnTxt{
    padding-right: 20rem;
}
.isDesktopIpad .secCatarogBnr .rightTxt{
    transform: scale(0.9);
    transform-origin: right center;
}

/* secReserveBnr */
.secReserveBnr{
    margin: 6rem auto 0;
    width: 180rem;
    max-width: calc(100% - 4rem);
    overflow: hidden;
    position: relative;
}
.secReserveBnr .txtBox{
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
}
.secReserveBnr .tit{
    font-size: var(--pcFontSize80);
    letter-spacing: var(--pcLetterSpacing80_350);
    color: #fff;
}
.secReserveBnr .txt{
    font-size: var(--pcFontSize30);
    letter-spacing: var(--pcLetterSpacing30_200);
    color: #fff;
    margin-top: 6rem;
}
.secReserveBnr .btnBox{
    margin-top: 9rem;
    position: relative;
    display: inline-block;
    padding-right: 2.25rem;
}
.secReserveBnr .btnBox::after{
    position: absolute;
    content: "";
    width: 4.5rem;
    height: 4.5rem;
    border: solid 0.1rem #fff;
    border-radius: 50%;
    right: 0.25rem;
    bottom: -1.6rem;
}
.secReserveBnr .btnTxt{
    font-size: var(--pcFontSize15);
    letter-spacing: var(--pcLetterSpacing15_100);
    display: inline-block;
    position: relative;
    padding-right: 32.3rem;
    z-index: 30;
}
.secReserveBnr .btnTxt::after,
.secReserveBnr .btnTxt::before{
    position: absolute;
    content: "";
}
.secReserveBnr .btnTxt::after{
    width: 30.3rem;
    height: 1px;
    top: calc(50% + 0.05rem);
    right: 0;
    background: #fff;
}
.secReserveBnr .btnTxt::before{
    width: 0.7rem;
    height: 0.7rem;
    border: solid 0.1rem;
    transform: rotate(45deg);
    top: calc(50% - 0.25rem);
    right: 0;
    border-color: #fff #fff transparent transparent;
}
@media only screen and (max-width:767px){
    .secReserveBnr{
        margin: 2rem auto 0;
        width: 89.334%;
        max-width: 100%;
    }
    .secReserveBnr .tit{
        font-size: var(--spFontSize28);
        line-height: var(--spLineHeight28_45);
        letter-spacing: var(--spLetterSpacing28_400);
        color: #fff;
    }
    .secReserveBnr .txt{
        font-size: var(--spFontSize15);
        line-height: var(--spLineHeight15_28);
        letter-spacing: var(--spLetterSpacing15_100);
        margin-top: 0.6rem;
    }
    .secReserveBnr .btnBox{
        margin-top: 2.2rem;
        padding-right: 0;
    }
    .secReserveBnr .btnBox::after{
        width: 2.5rem;
        height: 2.5rem;
        right: 0;
        bottom: -0.6rem;
    }
    .secReserveBnr .btnTxt{
        font-size: var(--spFontSize15);
        letter-spacing: var(--spLetterSpacing15_120);
        display: block;
        padding-right: 11.5rem;
    }
    .secReserveBnr .btnTxt::after{
        width: 9.3rem;
        top: calc(50% + 0.05rem);
        right: 1rem;
    }
    .secReserveBnr .btnTxt::before{
        width: 0.5rem;
        height: 0.5rem;
        top: calc(50% - 0.15rem);
        right: 1.1rem;
    }
}

/* secVoice */
.secVoice{
    margin-top: 18.4rem;
}
.secVoice .titEng{
    text-align: center;
}
.secVoice .tit{
    font-size: var(--pcFontSize26);
    line-height: var(--pcLineHeight26_50);
    letter-spacing: var(--pcLetterSpacing26_100);
    text-align: center;
    margin-top: 3.7rem;
    color: #000;
    font-weight: 600;
}
.secVoice .list{
    width: 180rem;
    margin: 9rem auto 0;
    max-width: calc(100% - 4rem);
}
.secVoice .item{
    display: flex;
    flex-flow: row-reverse;
}
.secVoice .txtBox{
    padding: 8rem 6rem 0 0;
    position: relative;
}
.secVoice .txtBox::after{
    position: absolute;
    content: "";
    width: 20rem;
    height: 19.8rem;
    right: 6rem;
    bottom: 0;
}
.secVoice .txtBox.lazyloaded::after{
    background: url(../img/lp_hiraya/iconVoice01.png) center top / cover;
}
.secVoice .itemTit{
    font-size: var(--pcFontSize30);
    line-height: var(--pcLineHeight30_58);
    letter-spacing: 0.2rem;
    color: #000;
    font-weight: 600;
}
.secVoice .itemTxt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_44);
    letter-spacing: 0.15rem;
    color: #000;
    margin-top: 2.2rem;
    font-weight: 600;
}
.secVoice .boxSlider{
    position: relative;
    overflow: hidden;
    width: 108rem;
}
.secVoice .swiper-pagination{
    position: absolute;
	padding-top: 25px;
    padding: 1.2rem 1.8rem;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 1.5rem;
    left: 3rem;
    bottom: 3rem;
    width: auto;
}
.secVoice .swiper-pagination-bullet{
    background: #8e8e8e;
    margin: 0 0.5rem !important;
    opacity: 1;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
}
.secVoice .swiper-pagination-bullet-active{
    background: #fff;
}
@media only screen and (max-width:1740px){
    .secVoice .itemTit{
        font-size: var(--pcFontSize25);
    }
    .secVoice .itemTxt{
        font-size: var(--pcFontSize14);
    }
    .secVoice .boxSlider{
        width: 90rem;
    }
    .secVoice .txtBox::after{
        bottom: -7rem;
    }
}
/* 2n */
.secVoice .item:nth-child(n+2){
    margin-top: 12rem;
}
.secVoice .item:nth-child(2n){
    flex-flow: row;
}
.secVoice .item:nth-child(2n) .txtBox{
    padding: 8rem 0 0 10rem;
    position: relative;
}
.secVoice .item:nth-child(2) .txtBox::after{
    position: absolute;
    content: "";
    width: 15.2rem;
    height: 21.2rem;
    right: -3.8rem;
    bottom: 0;
}
.secVoice .item:nth-child(2) .txtBox.lazyloaded::after{
    background: url(../img/lp_hiraya/iconVoice02.png) center top / cover;
}
@media only screen and (max-width:1740px){
    .secVoice .item:nth-child(2) .txtBox::after{
        bottom: -10rem;
    }
}

@media only screen and (max-width:767px){
    .secVoice{
        margin-top: 7rem;
    }
    .secVoice .titEng img{
        height: 22.3px;
        width: auto;
    }
    .secVoice .tit{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_30);
        letter-spacing: var(--spLetterSpacing16_100);
        margin-top: 1.4rem;
    }
    .secVoice .list{
        width: 89.334%;
        margin: 2.4rem auto 0;
        max-width: 100%;
    }
    .secVoice .item{
        display: block;
    }
    .secVoice .txtBox{
        padding: 2rem 0 0;
    }
    .secVoice .txtBox::after{
        width: 9.3rem;
        height: 9.3rem;
        right: 0;
        bottom: auto;
        top: 5.2rem;
    }
    .secVoice .itemTit{
        position: relative;
        z-index: 10;
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_30);
        letter-spacing: var(--spLetterSpacing16_100);
    }
    .secVoice .itemTxt{
        position: relative;
        z-index: 10;
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_28);
        letter-spacing: var(--spLetterSpacing12_100);
        margin-top: 1.3rem;
    }
    .secVoice .boxSlider{
        width: 100%;
    }
    .secVoice .swiper-pagination{
        position: static;
        padding: 1.3rem 0 0;
        border-radius: 0;
        width: 100%;
        background: none;
    }
    /* 2n */
    .secVoice .item:nth-child(n+2){
        margin-top: 4.5rem;
    }
    .secVoice .item:nth-child(2n) .txtBox{
        padding: 1.9rem 0 0;
    }
    .secVoice .item:nth-child(2) .txtBox::after{
        width: 7.1rem;
        height: 9.9rem;
        right: 0;
        bottom: auto;
        top: 2rem;
    }
}

.isDesktopIpad .secVoice .item{
    align-items: flex-start;
}
.isDesktopIpad .secVoice .boxSlider{
    width: 50%;
}
.isDesktopIpad .secVoice .boxSlider{
    width: 50%;
}
.isDesktopIpad .secVoice .txtBox,.isDesktopIpad .secVoice .item:nth-child(2n) .txtBox{
    padding-top: 3rem;
    width: 50%;
}
.isDesktopIpad .secVoice .txtBox::after,.isDesktopIpad .secVoice .item:nth-child(2) .txtBox::after{
    transform: scale(0.6);
    bottom: -15rem;
}
.isDesktopIpad .secVoice .swiper-pagination{
    left: 1rem;
    bottom: 1rem;
}

/* secIdea */
.secIdea{
    margin-top: 15.6rem;
}
.secIdea .titEng{
    text-align: center;
}
.secIdea .tit{
    font-size: var(--pcFontSize26);
    line-height: var(--pcLineHeight26_50);
    letter-spacing: var(--pcLetterSpacing26_100);
    text-align: center;
    margin-top: 3.8rem;
    font-weight: 600;
}
.secIdea .img{
    text-align: center;
    margin-top: 1.8rem;
}
.secIdea .list{
    margin-top: 4.5rem;
}
.secIdea .item{
    width: 180rem;
    max-width: calc(100% - 4rem);
    margin: 0 auto;
}
.secIdea .item:nth-child(n+2){
    margin-top: 11.6rem;
}
.secIdea .planTit{
    position: relative;
    z-index: 10;
}
.secIdea .mainImg{
    margin-top: -3.6rem;
}
.secIdea .flBox{
    display: flex;
    flex-flow: row-reverse;
    align-items: flex-start;
    margin-top: 6rem;
}
.secIdea .imgFloor{
    width: 62rem;
    position: relative;
}
.secIdea .imgFloor::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.secIdea .txtBox{
    width: calc(100% - 76rem);
    margin-right: 14rem;
    padding-top: 11.1rem;
}
.secIdea .item:nth-child(n+2) .txtBox{
    padding-top: 14.5rem;
}
.secIdea .itemTit{
    font-size: var(--pcFontSize30);
    line-height: var(--pcLineHeight30_58);
    letter-spacing: 0.25rem;
    font-weight: 700;
}
.secIdea .itemTxt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_44);
    letter-spacing: 0.125rem;
    margin-top: 2rem;
}
.secIdea .item:nth-child(n+2) .itemTxt{
    margin-top: 1rem;
}

.secIdea .itemTxt .txtBorder{
    position: relative;
    display: inline-block;
    padding-left: 34px;
}

.secIdea .itemTxt .txtBorder::before{
    content: "";
    position: absolute;
    top: 50%;
    left:2px;
    width: 30px;
    height: 1px;
    background-color: #000;
}

.secIdea .txtFloor{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_44);
    letter-spacing: var(--pcLetterSpacing16_150);
    padding: 1.6rem;
    border: solid 0.1rem #1b434e;
    margin-top: 3.5rem;
    text-align: center;
}
/* 2n */
.secIdea .item:nth-child(2n) .flBox{
    flex-flow: row;
}
.secIdea .item:nth-child(2n) .txtBox{
    margin: 0 0 0 14rem;
}
@media only screen and (max-width:767px){
    .secIdea{
        margin-top: 7.2rem;
    }
    .secIdea .titEng img{
        height: 21px;
        width: auto;
    }
    .secIdea .tit{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_30);
        letter-spacing: var(--spLetterSpacing16_100);
        margin-top: 1.5rem;
    }
    .secIdea .img{
        width: 24.4rem;
        margin: 1rem auto 0;
    }
    .secIdea .list{
        margin-top: 3rem;
    }
    .secIdea .item{
        width: 100%;
        max-width: 100%;
    }
    .secIdea .item:nth-child(n+2){
        margin-top: 5rem;
    }
    .secIdea .planTit img{
        height: 2.3rem;
        width: auto;
    }
    .secIdea .mainImg{
        margin-top: -0.8rem;
    }
    .secIdea .flBox{
        display: block;
        width: 89.334%;
        margin: 2rem auto 0;
    }
    .secIdea .imgFloor{
        width: 100%;
    }
    .secIdea .txtBox{
        width: 100%;
        margin: 1.7rem auto 0;
        padding: 0;
    }
    .secIdea .itemTit{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_30);
        letter-spacing: var(--spLetterSpacing16_100);
    }
    .secIdea .itemTxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_28);
        letter-spacing: var(--spLetterSpacing12_100);
        margin-top: 0.8rem;
    }
    .secIdea .itemTxt .txtBorder{
        padding-left: 24px;
    }
    .secIdea .itemTxt .txtBorder::before{
        content: "";
        position: absolute;
        top: 50%;
        left:1px;
        width: 22px;
        height: 1px;
        background-color: #000;
    }
    .secIdea .txtFloor{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        letter-spacing: var(--spLetterSpacing12_150);
        padding: 1rem;
        margin-top: 1.6rem;
    }
    /* 2n */
    .secIdea .item:nth-child(2n) .txtBox{
        margin: 1.7rem auto 0;
    }
    .secIdea .item:nth-child(n+2) .txtBox{
        padding-top: 0;
    }
}

.isDesktopIpad .secIdea .imgFloor{
    width: 50%;
}
.isDesktopIpad .secIdea .txtBox{
    margin-right: 7rem;
    width: calc(50% - 7rem);
    padding-top: 0;
}
.isDesktopIpad .secIdea .item:nth-child(2n) .txtBox{
    margin-left: 7rem;
}

/* bg02 */
.secBg.bg02{
    margin-top: 15rem;
    padding: 15rem 0;
    margin-bottom: 149px;
}
.secBg.bg02 .secCatarogBnr{
    margin-top: 0;
}
@media only screen and (max-width:767px){
    .secBg.bg02{
        margin-top: 7rem;
        padding: 7rem 0;
        margin-bottom: 70px;
    }
}

/* secReason */
.secReason{
    margin-top: 17.7rem;
    background: #eff1ef;
}
.secReason .tit{
    text-align: center;
}
.secReason .titTop{
    font-size: var(--pcFontSize32);
    letter-spacing: var(--pcLetterSpacing32_100);
    color: #000;
    font-weight: 600;
}
.secReason .titImg{
    margin-top: 2.5rem;
}
.secReason .list{
    width: 180rem;
    max-width: calc(100% - 4rem);
    margin: 9.6rem auto 0;
}
.secReason .item{
    display: flex;
}
.secReason .img{
    width: 80rem;
}
.secReason .txtBox{
    width: calc(100% - 90rem);
    padding:1.302vw 6.25vw 0 0;
    margin-left: 10rem;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.secReason .numImg{
    text-align: right;
    position: relative;
    left: -7px;
}
.secReason .item:nth-child(even) .numImg{
    left: 20px;
}
.secReason .itemTit{
    font-size: var(--pcFontSize40);
    line-height: var(--pcLineHeight40_80);
    letter-spacing: 0.5rem;
    color: #000;
    margin-top: 2.3rem;
    font-weight: 800;
    white-space: nowrap;
}
.secReason .itemTxt{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_54);
    letter-spacing: 0.24rem;
    color: #000;
    margin-top: 3.2rem;
    font-weight: 600;
    white-space: nowrap;
}
.secReason .underBox{
    display: flex;
}
.secReason .underImg{
    width: calc(50% - 2rem);
    margin-right: 4rem;
}
.secReason .underImg:nth-child(2){
    margin-right: 0;
}
/* 2n */
.secReason .item:nth-child(n+2){
    margin-top: 15rem;
}
.secReason .item:nth-child(2n){
    flex-flow: row-reverse;
}
.secReason .item:nth-child(2n) .txtBox{
    padding: 1.25vw 0 0 6.25vw;
    margin: 0 10rem 0 0;
}
@media only screen and (max-width:1880px){
    .secReason .itemTit{
        font-size: var(--pcFontSize35);
    }
    .secReason .itemTxt{
        font-size: var(--pcFontSize18);
    }
}
@media only screen and (max-width:1680px){
    .secReason .img{
        width: 70rem;
    }
    .secReason .txtBox{
        width: calc(100% - 80rem);
    }
    .secReason .itemTit{
        font-size: var(--pcFontSize30);
    }
    .secReason .itemTxt{
        font-size: var(--pcFontSize14);
    }
}
@media only screen and (max-width:1540px){
    .secReason .img{
        width: 60rem;
    }
    .secReason .txtBox{
        width: calc(100% - 70rem);
    }
    .secReason .itemTit{
        font-size: var(--pcFontSize28);
    }
    .secReason .itemTxt{
        font-size: var(--pcFontSize14);
    }
}
@media only screen and (max-width:767px){
    .secReason{
        margin-top: 7rem;
    }
    .secReason .titTop{
        font-size: var(--spFontSize14);
        letter-spacing: var(--spLetterSpacing14_350);
    }
    .secReason .titImg{
        margin: 2.2rem auto 0;
        width: 18.2rem;
    }
    .secReason .list{
        width: 89.334%;
        max-width: 100%;
        margin: 4rem auto 0;
    }
    .secReason .item{
        display: block;
        padding-bottom: 5rem;
        border-bottom: solid 0.1rem rgba(202, 209, 202, 1);
    }
    .secReason .item:last-child{
        border-bottom: none;
        padding: 0;
    }
    .secReason .img{
        width: 100%;
    }
    .secReason .txtBox,.secReason .item:nth-child(2n) .txtBox{
        width: 100%;
        padding: 0;
        margin: 2.2rem 0 0;
        display: block;
        position: relative;
    }
    .secReason .numImg{
        position: absolute;
        width: 4.5rem;
        right: 4px;
        left: auto;
        top: -0.4rem;
    }
    .secReason .item:nth-child(even) .numImg{
        left: auto;
        }
    .secReason .item:nth-child(2) .numImg{
        width: 4.6rem;
    }
    .secReason .item:nth-child(3) .numImg{
        width: 4.8rem;
    }
    .secReason .item:nth-child(4) .numImg{
        width: 4.9rem;
    }
    .secReason .itemTit{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_30);
        letter-spacing: var(--spLetterSpacing16_150);
        margin-top: 0;
    }
    .secReason .itemTxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_28);
        letter-spacing: var(--spLetterSpacing12_50);
        margin-top: 1.4rem;
        white-space: wrap;
    }
    .secReason .underBox{
        margin-top: 2rem;
    }
    .secReason .underImg{
        width: calc(50% - 0.25rem);
        margin-right: 0.5rem;
    }
    /* 2n */
    .secReason .item:nth-child(n+2){
        margin-top: 5rem;
    }
}
@media only screen and (max-width:374px){
    .secReason .itemTit{
        font-size: var(--spFontSize14);
    }
    .secReason .itemTxt{
        font-size: var(--spFontSize11);
    }
}

.secCatarogBnr.bnrSingle{
    margin-top: 150px;
}
@media only screen and (max-width:767px){
    .secCatarogBnr.bnrSingle{
        margin-top: 70px;
    }
}