@charset "utf-8";

/*-----------------------------------------------
    header
-----------------------------------------------*/
#header{
    height: 59px;
    width: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
    min-width: 1400px;
    color: #000000;
    z-index: 9999;
    margin-top: 15px;
}
#header .headerWrapper{
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 30px;
}
#header .leftBox{
    display: flex;
    align-items: center;
}
#header .headerLogo{
    display: block;
    width: 313px;
}
#header .headerTit{
    display: block;
    font-size: 11px;
    line-height: 1.81;
    margin-left: 15px;
}
#header .rightBox{
    display: flex;
    align-items: center;
    margin: 0 0 0 auto;
}
#header .gNaviList{
    display: flex;
    align-items: center;
    margin-right: 5px;
}
#header .gNaviItem{
    padding: 0 10px 0 0;
}
#header .gNaviItem:nth-child(n+2){
    padding: 0 10px;
    border-left: solid 1px #979591;
}
#header .naviLink{
    display: block;
    text-decoration: none;
    color: #000000;
    font-size: 13px;
    line-height: 1.53;
}
#header .linkList{
    display: flex;
}
#header .linkItem{
    width: 210px;
}
#header .linkItem:nth-child(2){
    margin-left: 10px;
}
#header .linkInner{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    background: #f08200;
    height: 50px;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: bold;
}
#header .linkTxt{
    position: relative;
    padding-left: 35px;
}
#header .linkTxt::after{
    position: absolute;
    content: "";
    width: 29px;
    height: 27px;
    left: 0;
    top: calc(50% - 13.5px);
    background: url(../img/index/iconLinkHeader01.gif) center top / cover;
}
#header .linkItem:nth-child(2) .linkTxt::after{
    width: 29px;
    height: 25px;
    top: calc(50% - 12.5px);
    background: url(../img/index/iconLinkHeader02.gif) center top / cover;
}
#header .snsBox{
    width: 50px;
    margin-left: 10px;
}
#header .snsInner{
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
}
@media only screen and (max-width:1700px){
    #header .linkItem{
        width: 160px;
    }
    #header .linkInner{
        font-size: 14px;
        letter-spacing: normal;
    }
}
@media only screen and (max-width:1600px){
    #header .headerTit{
        font-size: 10px;
        margin-left: 10px;
    }
    #header .naviLink{
        font-size: 11px;
    }
}
@media only screen and (max-width:1500px){
    #header .naviLink{
        font-size: 10px;
    }
    #header .linkItem{
        width: 130px;
    }
    #header .linkInner{
        font-size: 12px;
    }
}
@media only screen and (max-width:767px){
    #header{
        height: auto;
        min-width: 0;
        margin-top: 6px;
    }
    #header .headerWrapper{
        padding: 0 10px 0 15px;
        align-items: flex-start;
    }
    #header .leftBox{
        display: block;
    }
    #header .headerLogo{
        width: 181px;
    }
    #header .headerTit{
        display: none;
    }
    #header .rightBox{
        display: block;
        margin: 4px 0 0 auto;
    }
    #header .gNaviList{
        display: none;
    }
    #header .linkList{
        display: none;
    }
    #header .snsBox{
        width: 36px;
        margin-left: auto;
    }
    #header .snsInner{
        height: 36px;
    }
    #header .snsInner img{
        width: 16px;
    }
}
.isDesktopIpad #header .headerLogo{
    width: 250px;
}
.isDesktopIpad #header .headerTit{
    font-size: 10px;
    margin-left: 10px;
}
.isDesktopIpad #header .gNaviItem{
    padding: 0 7px 0 0;
}
.isDesktopIpad #header .gNaviItem:nth-child(n+2){
    padding: 0 7px;
}
.isDesktopIpad #header .naviLink{
    font-size: 10px;
}
.isDesktopIpad #header .linkItem{
    width: 80px;
}
.isDesktopIpad #header .linkItem:nth-child(2){
    margin-left: 5px;
}
.isDesktopIpad #header .linkInner{
    font-size: 10px;
    letter-spacing: normal;
    height: 30px;
}
.isDesktopIpad #header .linkTxt{
    padding-left: 0;
}
.isDesktopIpad #header .linkTxt::after{
    display: none;
}
.isDesktopIpad #header .linkItem:nth-child(2) .linkTxt::after{
    display: none;
}
.isDesktopIpad #header .snsBox{
    width: 40px;
}
.isDesktopIpad #header .snsInner{
    height: 40px;
}
/*-----------------------------------------------
    footer
-----------------------------------------------*/
#footer{
    background: #e3e3e3;
    padding: 65px 0 13px;
}
#footer .flexBox{
    display: flex;
}
#footer .footerLogo{
    display: inline-block;
}
#footer .leftTxt{
    font-size: 11px;
    line-height: 1.81;
    letter-spacing: 0.5px;
    margin-top: 25px;
}
#footer .rightBox{
    margin: 0 0 0 auto;
}
#footer .gNaviList{
    display: flex;
}
#footer .gNaviItem{
    margin-right: 35px;
}
#footer .gNaviItem:last-child{
    margin-right: 0;
}
#footer .naviLink{
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: bold;
    text-decoration: none;
    color: #1d1d1d;
    display: block;
}
#footer .snsList{
    margin-top: 45px;
    display: flex;
    justify-content: flex-end;
}
#footer .snsItem{
    width: 60px;
    margin-right: 20px;
}
#footer .snsItem:last-child{
    margin-right: 0;
}
#footer .snsInner{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    border-radius: 50%;
    background: #fff;
}
#footer .copy{
    font-size: 10px;
    letter-spacing: 0.5px;
    margin-top: 18px;
    text-align: center;
}
#footer .copy .fCopy{
    font-family: Verdana,'Droid Sans';
}
.isDesktopIpad #footer .leftTxt{
    letter-spacing: normal;
}
.isDesktopIpad #footer .naviLink{
    font-size: 13px;
    letter-spacing: normal;
}
.isDesktopIpad #footer .gNaviItem{
    margin-right: 20px;
}
@media only screen and (max-width:767px){
    #footer{
        padding: 50px 0 50px;
    }
    #footer .flexBox{
        display: block;
    }
    #footer .leftBox{
        text-align: center;
    }
    #footer .footerLogo{
        width: 240px;
        margin: 0 auto;
    }
    #footer .leftTxt{
        font-size: 10px;
        line-height: 2.4;
        letter-spacing: 0.5px;
        margin-top: 22px;
    }
    #footer .rightBox{
        margin: 23px auto 0;
    }
    #footer .gNaviList{
        display: none;
    }
    #footer .snsList{
        margin-top: 0;
        justify-content: center;
    }
    #footer .snsItem img{
        width: 26px;
    }
    #footer .copy{
        font-size: 10px;
        letter-spacing: 0.5px;
        margin-top: 50px;
    }
}
/*-----------------------------------------------
    index
-----------------------------------------------*/
.secHeroTop{
    height: 902px;
    background: url(../img/index/bgHeroTop.jpg) center top / cover;
    display: flex;
    align-items: center;
}
.secHeroTop .topImg{
    position: relative;
    left: -6px;
    padding-top: 19px;
}
.secHeroTop .topImg .img01{}
.secHeroTop .topImg .img02{
    margin-top: 25px;
    margin-left: -14px;
}
.secHeroTop .topImg .img01.jsHide{
    transition-delay: 500ms;
}
.secHeroTop .topImg .img02.jsHide{
    transition-delay: 1000ms;
}
@media only screen and (max-width:767px){
    .secHeroTop{
        height: 550px;
        background: url(../img/index/bgHeroTop_sp.jpg) center bottom / cover;
    }
    .secHeroTop .topImg{
        width: 298px;
        padding: 0 0 180px 0;
        left: 0;
    }
    .secHeroTop .topImg .img01{
        width: 279px;
    }
    .secHeroTop .topImg .img02{
        width: 100%;
        margin-top: 11px;
        margin-left: -9px;
    }
}
@media only screen and (max-width:359px){
    .secHeroTop .topImg{
        width: 100%;
        max-width: 298px;
        left: 0;
    }
}
/* secAbout */
.secAbout{
    padding-top: 88px;
    padding-bottom: 163px;
    position: relative;
}
.secAbout::after{
    position: absolute;
    content: "";
    width: 1920px;
    height: 701px;
    left: calc(50% - 960px);
    bottom: 0;
}
.secAbout.lazyloaded::after{
    background: url(../img/index/bgAbout.jpg) center top / cover;
}
.secAbout .wrapper{
    position: relative;
    z-index: 10;
}
.secAbout .engTit{
    font-size: 80px;
    letter-spacing: 2px;
    line-height: 1.075;
    font-weight: bold;
    color: #f08200;
}
.secAbout .topTit{
    font-size: 32px;
    line-height: 1.875;
    font-weight: bold;
    margin-top: 30px;
}
.secAbout .txt{
    font-size: 16px;
    line-height: 2.5;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 22px;
}
@media only screen and (max-width:767px){
    .secAbout{
        margin-top: 52px;
        padding: 0;
    }
    .secAbout::after{
        width: 100%;
        height: calc(100% - 15px);
        left: 0;
        bottom: 0;
    }
    .secAbout.lazyloaded::after{
        background: #f2efe7;
    }
    .secAbout .engTit{
        font-size: 40px;
        letter-spacing: normal;
        line-height: 1.05;
    }
    .secAbout .topTit{
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 1.77;
        margin-top: 11px;
    }
    .secAbout .txt{
        font-size: 12px;
        line-height: 2.33;
        letter-spacing: normal;
        margin-top: 8px;
        font-weight: 400;
    }
    .secAbout .img{
        margin-top: 32px;
        position: relative;
        z-index: 10;
    }
}
@media only screen and (max-width:359px){
    .secAbout .txt{
        font-size: 11px;
    }
}
/* secFeaturea */
.secFeaturea{
    padding-top: 86px;
}
.secFeaturea .titBox{
    text-align: center;
}
.secFeaturea .engTit{
    font-size: 34px;
    letter-spacing: 1px;
    font-weight: bold;
    color: #f08200;
}
.secFeaturea .jpnTit{
    font-size: 15px;
    margin-top: 15px;
    letter-spacing: 1px;
}
.secFeaturea .list{
    position: relative;
    margin-top: 29px;
    padding-top: 47px;
    display: flex;
}
.secFeaturea .list::after{
    position: absolute;
    content: "";
    width: 50px;
    height: 1px;
    top: 0;
    left: calc(50% - 25px);
    background: #000000;
}
.secFeaturea .item{
    width: 22.890625%;
    margin-right: 2.8125%;
}
.secFeaturea .item:last-child{
    margin-right: 0;
}
.secFeaturea .inner{
    position: relative;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: #f08200;
    border-radius: 5px;
}
.secFeaturea .inner.lazyloaded{
    background: url(../img/index/imgFeaturea.gif) center bottom 37px / 19px auto no-repeat #f08200;
}
.secFeaturea .number{
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 500;
    position: absolute;
    left: 25px;
    top: 22px;
}
.secFeaturea .txtBox{
    padding-bottom: 30px;
}
.secFeaturea .engTxt{
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: bold;
}
.secFeaturea .txt{
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 1.45;
    font-weight: bold;
    margin-top: 10px;
}
@media only screen and (max-width:767px){
    .secFeaturea{
        padding-top: 52px;
    }
    .secFeaturea .engTit{
        font-size: 24px;
        letter-spacing: 1px;
    }
    .secFeaturea .jpnTit{
        font-size: 15px;
        margin-top: 13px;
        letter-spacing: 1px;
    }
    .secFeaturea .list{
        margin-top: 15px;
        padding-top: 20px;
        flex-wrap: wrap;
    }
    .secFeaturea .list::after{
        width: 30px;
        left: calc(50% - 15px);
    }
    .secFeaturea .item{
        width: calc(50% - 7.5px);
        margin-right: 15px;
    }
    .secFeaturea .item:nth-child(2n){
        margin-right: 0;
    }
    .secFeaturea .item:nth-child(n+3){
        margin-top: 15px;
    }
    .secFeaturea .inner{
        height: 165px;
    }
    .secFeaturea .inner.lazyloaded{
        background: url(../img/index/imgFeaturea.gif) center bottom 15px / 11px auto no-repeat #f08200;
    }
    .secFeaturea .number{
        font-size: 12px;
        letter-spacing: 1px;
        left: 15px;
        top: 15px;
    }
    .secFeaturea .txtBox{
        padding-bottom: 0;
    }
    .secFeaturea .engTxt{
        font-size: 12px;
        letter-spacing: 1px;
    }
    .secFeaturea .txt{
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 1.78;
        margin-top: 2px;
    }
}
@media only screen and (max-width:359px){
    .secFeaturea .txt{
        font-size: 13px;
        letter-spacing: normal;
    }
}
/* secCmnTitBox */
.secCmnTitBox{
    position: relative;
    padding: 53px 0;
    text-align: center;
}
.secCmnTitBox::after{
    position: absolute;
    content: "";
    width: 1920px;
    height: 100%;
    left: calc(50% - 960px);
    top: 0;
    background: #f8f7f2;
}
.secCmnTitBox .txtCmnBox{
    position: relative;
    z-index: 10;
}
.secCmnTitBox .engCmnTit{
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: bold;
}
.secCmnTitBox .jpnCmnTit{
    font-size: 30px;
    letter-spacing: 2px;
    line-height: 1.6;
    margin-top: 7px;
    font-weight: bold;
}
@media only screen and (max-width:767px){
    .secCmnTitBox{
        padding: 28px 0 25px;
    }
    .secCmnTitBox::after{
        width: 100%;
        left: 0;
    }
    .secCmnTitBox .engCmnTit{
        font-size: 12px;
    }
    .secCmnTitBox .jpnCmnTit{
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 1.625;
        margin-top: 2px;
    }
}
/* secCost */
.secCost{
    padding-top: 100px;
}
.secCost .flexBox{
    margin-top: 80px;
    display: flex;
    align-items: center;
    flex-flow: row-reverse;
}
.secCost .txtBox{
    width: calc(100% - 600px);
    padding: 8px 50px 0 0;
}
.secCost .tit{
    font-size: 32px;
    line-height: 1.40625;
    font-weight: bold;
}
.secCost .txt{
    font-size: 15px;
    line-height: 35px;
    margin-top: 21px;
}
.secCost .txt02{
    font-size: 18px;
    font-weight: bold;
    background: linear-gradient(transparent 65%, #ebd306 65%, #ebd306 95%, transparent 95%);
}
@media only screen and (max-width:767px){
    .secCost{
        padding-top: 50px;
    }
    .secCost .flexBox{
        margin-top: 20px;
        display: block;
    }
    .secCost .txtBox{
        width: 100%;
        padding: 15px 0 0;
    }
    .secCost .tit{
        font-size: 16px;
        line-height: 1.625;
    }
    .secCost .txt{
        font-size: 12px;
        line-height: 23px;
        margin-top: 8px;
    }
    .secCost .txt02{
        font-size: 16px;
        line-height: 27px;
    }
    .secCost .txt03{
        display: block;
        margin-top: 13px;
    }
}
/* secGallerySlider */
.secGallerySlider{
    overflow: hidden;
    position: relative;
    margin-top: 60px;
}
.secGallerySlider .wrapper{
    position: relative;
    padding: 40px 0;
}
.secGallerySlider .boxSlider{
    position: relative;
}
.secGallerySlider .swiper-wrapper{
    transition-timing-function: linear;
}
.secGallerySlider .swiper{
    width: 1120px;
    margin: 0 auto;
    overflow: visible;
}
.secGallerySlider .iconImg{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
}
@media only screen and (max-width:767px){
    .secGallerySlider{
        margin-top: 28px;
    }
    .secGallerySlider .wrapper{
        padding: 25px 0;
    }
    .secGallerySlider .swiper{
        width: 264px;
    }
    .secGallerySlider .img{
        width: 132px;
    }
    .secGallerySlider .iconImg{
        width: 180px;
    }
}
/* secPrice */
.secPrice{
    padding-top: 60px;
}
.secPrice .flexBox{
    margin-top: 80px;
    display: flex;
    align-items: flex-end;
    flex-flow: row-reverse;
}
.secPrice .txtBox{
    width: calc(100% - 600px);
    padding: 0 50px 0 0;
}
.secPrice .tit{
    font-size: 18px;
    line-height: 2.5;
    font-weight: bold;
}
.secPrice .txtImg{
    margin-top: 58px;
}
@media only screen and (max-width:767px){
    .secPrice{
        padding-top: 40px;
    }
    .secPrice .flexBox{
        margin-top: 30px;
        display: block;
    }
    .secPrice .txtBox{
        width: 100%;
        padding: 13px 0 0;
    }
    .secPrice .tit{
        font-size: 12px;
        line-height: 1.91;
        font-weight: 400;
    }
    .secPrice .txtImg{
        margin: 24px -1px 0;
        width: calc(100% + 2px);
    }
}
.secPrice .costBox{
    margin-top: 100px;
}
.secPrice .costTit{
    height: 70px;
    font-size: 22px;
    letter-spacing: 3px;
    font-weight: bold;
    color: #fff;
    background: #ef8200;
    display: flex;
    align-items: center;
    justify-content: center;
}
.secPrice .list{
    display: flex;
    margin-top: 50px;
}
.secPrice .item{
    width: 22.890625%;
    margin-right: 2.8125%;
}
.secPrice .item:last-child{
    margin-right: 0;
}
.secPrice .itemTit{
    height: 45px;
    color: #fff;
    background: #ef8200;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}
.secPrice .itemBox{
    background: #f8f7f2;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    line-height: 2.1875;
}
.secPrice .costList{
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
.secPrice .costItem{
    width: 18.4375%;
    margin-right: 1.953125%;
    background: #f8f7f2;
    padding: 37px 10px 47px;
}
.secPrice .costItem:last-child{
    margin-right: 0;
}
.secPrice .costImg{
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.secPrice .costTxt{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
}
.brSp359{
    display: none;
}
@media only screen and (max-width:767px){
    .secPrice .costBox{
        margin-top: 50px;
    }
    .secPrice .costBox02{
        margin-top: 30px;
    }
    .secPrice .costTit{
        height: 70px;
        font-size: 16px;
        letter-spacing: 2px;
    }
    .secPrice .list{
        width: 92%;
        flex-wrap: wrap;
        margin: 30px auto 0;
    }
    .secPrice .item{
        width: calc(50% - 7.5px);
        margin-right: 15px;
    }
    .secPrice .item:nth-child(2n){
        margin-right: 0;
    }
    .secPrice .item:nth-child(n+3){
        margin-top: 15px;
    }
    .secPrice .itemTit{
        height: 30px;
        font-size: 12px;
    }
    .secPrice .itemBox{
        height: auto;
        display: block;
        font-size: 11px;
        line-height: 2.18;
        padding: 10px 5px 12px;
    }
    .secPrice .costList{
        width: 92%;
        flex-wrap: wrap;
        margin: 30px auto 0;
        justify-content: center;
        display: none;
    }
    .secPrice .costItem{
        width: 31.885%;
        margin-right: 2.1725%;
        padding: 10px 5px 13px;
    }
    .secPrice .costItem:nth-child(3n){
        margin-right: 0;
    }
    .secPrice .costItem:nth-child(n+4){
        margin-top: 2.1725%;
    }
    .secPrice .costImg{
        height: 60px;
    }
    .secPrice .costItem:nth-child(1) .costImg img{
        width: 60px;
    }
    .secPrice .costItem:nth-child(2) .costImg img{
        width: 60px;
    }
    .secPrice .costItem:nth-child(3) .costImg img{
        width: 28px;
    }
    .secPrice .costItem:nth-child(4) .costImg img{
        width: 38px;
    }
    .secPrice .costItem:nth-child(5) .costImg img{
        width: 44px;
    }
    .secPrice .costTxt{
        font-size: 10px;
        line-height: 1.5;
        margin-top: 2px;
    }
}
@media only screen and (max-width:359px){
    .secPrice .itemBox{
        font-size: 10px;
    }
    .brSp359{
        display:inline;
    }
}
/* secPerformance */
.secPerformance{
    padding-top: 100px;
}
.secPerformance .list{
    margin-top: 80px;
}
.secPerformance .item{
    display: flex;
    align-items: center;
    flex-flow: row-reverse;
}
.secPerformance .item:nth-child(2){
    flex-flow: row;
}
.secPerformance .item:nth-child(n+2){
    margin-top: 80px;
}
.secPerformance .txtBox{
    width: calc(100% - 600px);
    padding: 0 85px 15px 0;
}
.secPerformance .item:nth-child(2) .txtBox{
    padding: 0 0 0 85px;
}
.secPerformance .item:nth-child(3) .txtBox{
    padding: 0 85px 5px 0;
}
.secPerformance .tit{
    font-size: 32px;
    line-height: 1.5;
    font-weight: bold;
}
.secPerformance .txt{
    font-size: 15px;
    line-height: 2;
    margin-top: 25px;
}
@media only screen and (max-width:767px){
    .secPerformance{
        padding-top: 50px;
    }
    .secPerformance .list{
        margin-top: 30px;
    }
    .secPerformance .item{
        display: block;
    }
    .secPerformance .item:nth-child(n+2){
        margin-top: 28px;
    }
    .secPerformance .txtBox{
        width: 100%;
        padding: 15px 0 0;
    }
    .secPerformance .item:nth-child(2) .txtBox{
        padding: 15px 0 0;
    }
    .secPerformance .item:nth-child(3) .txtBox{
        padding: 15px 0 0;
    }
    .secPerformance .tit{
        font-size: 16px;
    }
    .secPerformance .txt{
        font-size: 12px;
        line-height: 1.91;
        margin-top: 10px;
    }
}
/* secWarranty */
.secWarranty{
    padding-top: 100px;
}
.secWarranty .flexBox{
    margin-top: 80px;
    display: flex;
    align-items: flex-end;
    flex-flow: row-reverse;
}
.secWarranty .txtBox{
    width: calc(100% - 600px);
    padding: 0 78px 0 0;
}
.secWarranty .tit{
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 1px;
}
.secWarranty .txt{
    font-size: 15px;
    line-height: 2;
    margin-top: 31px;
}
.secWarranty .txtImg{
    margin-top: 46px;
}
@media only screen and (max-width:767px){
    .secWarranty{
        padding-top: 45px;
    }
    .secWarranty .flexBox{
        margin-top: 30px;
        display: block;
    }
    .secWarranty .txtBox{
        width: 100%;
        padding: 20px 0 0;
    }
    .secWarranty .tit{
        font-size: 16px;
        letter-spacing: normal;
    }
    .secWarranty .txt{
        font-size: 12px;
        line-height: 1.91;
        margin-top: 14px;
    }
    .secWarranty .txtImg{
        margin-top: 17px;
    }
}
.secWarranty .costBox{
    margin-top: 100px;
}
.secWarranty .costTit{
    height: 60px;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: bold;
    color: #fff;
    background: #ef8200;
    display: flex;
    align-items: center;
    justify-content: center;
}
.secWarranty .list{
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}
.secWarranty .item{
    width: 23.90625%;
    margin-right: 1.4583%;
    height: 80px;
    border: solid 1px #ef8200;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}
.secWarranty .item:nth-child(4n){
    margin-right: 0;
}
.secWarranty .item:nth-child(n+5){
    margin-top: 30px;
}
@media only screen and (max-width:767px){
    .secWarranty .costBox{
        margin-top: 30px;
    }
    .secWarranty .costTit{
        height: 70px;
        font-size: 16px;
        letter-spacing: 2px;
    }
    .secWarranty .list{
        width: 92%;
        margin: 30px auto 0;
    }
    .secWarranty .item{
        width: calc(50% - 7.5px);
        margin-right: 15px;
        height: 50px;
        font-size: 12px;
        letter-spacing: normal;
    }
    .secWarranty .item:nth-child(2n){
        margin-right: 0;
    }
    .secWarranty .item:nth-child(n+3){
        margin-top: 15px;
    }
}
@media only screen and (max-width:359px){
    .secWarranty .item{
        font-size: 10px;
    }
}
/* secMerit */
.secMerit{
    margin-top: 88px;
}
.secMerit .topTit{
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}
.secMerit .number{
    font-size: 62px;
    margin: 0 3px;
    color: #f08200;
    position: relative;
    top: 3px;
}
.secMerit .list{
    display: flex;
    margin-top: 47px;
}
.secMerit .item{
    width: 31.25%;
    margin-right: 3.125%;
}
.secMerit .item:last-child{
    margin-right: 0;
}
.secMerit .txtBox{
    position: relative;
    z-index: 10;
    margin-top: -17px;
}
.secMerit .pointTit{
    width: 120px;
    height: 34px;
    border-radius: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    letter-spacing: 0.5px;
    font-weight: bold;
    color: #fff;
    background: #f08200;
    margin: 0 auto;
}
.secMerit .txt{
    font-size: 16px;
    line-height: 1.75;
    font-weight: bold;
    margin-top: 15px;
    text-align: center;
}
@media only screen and (max-width:767px){
    .secMerit{
        margin-top: 43px;
    }
    .secMerit .topTit{
        font-size: 18px;
    }
    .secMerit .number{
        font-size: 32px;
        margin: 0 3px;
        top: 3px;
    }
    .secMerit .list{
        display: block;
        margin-top: 20px;
    }
    .secMerit .item{
        width: 100%;
        display: flex;
        align-items: center;
        margin-right: 0;
    }
    .secMerit .item:nth-child(n+2){
        margin: 20px auto 0;
    }
    .secMerit .item:last-child{
        margin: 20px auto 0;
    }
    .secMerit .imgBox{
        width: 165px;
    }
    .secMerit .txtBox{
        margin-top: 0;
        width: calc(100% - 165px);
        padding: 0 0 0 15px;
    }
    .secMerit .pointTit{
        width: 60px;
        height: 20px;
        border-radius: 10px;
        font-size: 11px;
        letter-spacing: 0.5px;
        margin: 0 auto 0 0;
    }
    .secMerit .txt{
        font-size: 12px;
        line-height: 1.58;
        margin-top: 5px;
        text-align: left;
    }
}
@media only screen and (max-width:359px){
    .secMerit .imgBox{
        width: 150px;
    }
    .secMerit .txtBox{
        margin-top: 0;
        width: calc(100% - 150px);
    }
    .secMerit .txt{
        font-size: 11px;
    }
}
/* secBnr */
.secBnr{
    margin-top: 82px;
}
.secBnr .bnrInner{
    display: block;
}
@media only screen and (max-width:767px){
    .secBnr{
        margin-top: 50px;
    }
}
/* secModelHouse */
.secModelHouse{
    padding-top: 100px;
}
@media only screen and (max-width:767px){
    .secModelHouse{
        padding-top: 50px;
    }
}
/* secModel */
.secModel{
	position: relative;
    margin-top: 200px;
    background: #f8f7f2;
    padding-bottom: 100px;
}
.secModel::after{
    content: '';
    position: absolute;
    top: -199px;
    left: 0;
    width: 100%;
    height: 200px;
    background: #f8f7f2;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.secModel .detailsTit{
	position: absolute;
    top: -90px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}
@media only screen and (max-width:767px){
    .secModel{
        margin-top: 60px;
        padding-bottom: 50px;
    }
	.secModel::after{
		top: -60px;
		height: 61px;
	}
	.secModel .detailsTit{
		position: static;
	}
}

/* secModelTop */
.secModelTop {
    position: relative;
    z-index: 3;
    padding-top: 10px;
}
.secModelTop .heroList{
	display: flex;
    justify-content: center;
}
.secModelTop .heroList .item{
	position: relative;
	width: 520px;
	height: 170px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.secModelTop .heroList .item + .item{
	margin-left: 40px;
}
.secModelTop .heroList .item .icon{
	position: absolute;
    top: -40px;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
    justify-content: center;
}
.secModelTop .heroList .item .txtBox{
	text-align: center;
	margin-top: 15px;
}
.secModelTop .heroList .item .tit{
	font-size: 17px;
	letter-spacing: 1px;
	font-weight: bold;
}
.secModelTop .heroList .item .txt{
	font-size: 13px;
	line-height: 22px;
	margin-top: 20px;
}
@media only screen and (max-width:767px){
	.secModelTop {
		margin-top: 30px;
	}
	.secModelTop .heroList{
		justify-content: space-between;
	}
	.secModelTop .heroList .item{
		width: 47.8264%;
		height: auto;
		align-items: flex-start;
	}
	.secModelTop .heroList .item + .item{
		margin-left: 0;
	}
	.secModelTop .heroList .item .icon{
		width: 46px;
		top: -10px;
	}
	.secModelTop .heroList .item .txtBox{
		margin-top: 40px;
		padding: 10px 7px 15px 7px;
	}
	.secModelTop .heroList .item .tit{
		font-size: 12px;
		line-height: 20px;
		letter-spacing: 0;
	}
	.secModelTop .heroList .item .txt{
		font-size: 10px;
		line-height: 17px;
		margin-top: 5px;
	}
}
/* tabBtn */
.secModel .tabBtn{
	margin-top: 40px;
    display: flex;
    justify-content: space-between;
}
.secModel .tabBtn .aBtn{
	width: 620px;
	height: 100px;
	border-radius: 5px 5px 0 0;
	background-color: #f0ede8;
	color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.secModel .tabBtn .aBtn.active{
	position: relative;
	background-color: #b8b5aa;
	color: #fff;
}
.secModel .tabBtn .aBtn.active::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 20px;
	background-color: #b8b5aa;
	z-index: -1;
}
.secModel .tabBtn .aBtn .txt{
	text-align: center;
}
.secModel .tabBtn .aBtn .txt .eng{
	font-size: 16px;
}
.secModel .tabBtn .aBtn .txt .jp{
	font-size: 18px;
	margin-top: 10px;
	font-weight: bold;
}
@media only screen and (max-width:767px){
	.secModel .tabBtn{
		margin-top: 30px;
	}
	.secModel .tabBtn .aBtn{
		width: 48%;
		height: 70px;
		border-radius: 0 5px 0 0;
	}
	.secModel .tabBtn .aBtn.active::before{
		display: none;
	}
	.secModel .tabBtn .aBtn:nth-child(2){
		border-radius: 5px 0 0 0;
	}
	.secModel .tabBtn .aBtn .txt .eng{
		font-size: 12px;
	}
	.secModel .tabBtn .aBtn .txt .jp{
		font-size: 15px;
		margin-top: 8px;
	}
}
/* tabList */
.secModel .tabList .secCmnTabContents{
	padding: 45px 50px 50px;
    background-color: #b8b5aa;
	border-radius: 5px;
    margin-top: 80px;
}
.secModel .tabList .mapBox{
	text-align: center;
	/* width: 100%; */
}
.secModel .tabList .mapBox img{
	border-radius: 5px;
    width: auto;
    height: auto;
    max-width: 1180px;
}
.secModel .tabList .boxArea{
	margin: 50px auto;
}
.secModel .tabList .secCmnModelList{
	display: flex;
	flex-wrap: wrap;
}
.secModel .tabList .secCmnModelList li{
	position: relative;
	width: 22.034%;
	margin-right: 3.9%;
}
.secModel .tabList .secCmnModelList li:nth-child(4n){
	margin-right: 0;
}
.secModel .tabList .secCmnModelList li:nth-child(n+5){
	margin-top: 50px;
}
.secModel .tabList .secCmnModelList li .aLink{
	width: 100%;
	height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
	background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	border-radius: 5px;
    text-decoration: none;
    color: #000;
}
.secModel .tabList .secCmnModelList li .aLink .icon{
	position: absolute;
	top: -25px;
	left: 20px;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	font-size: 22px;
	background-color: #f08200;
	color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
	z-index: 2;
}
.secModel .tabList .secCmnModelList li .aLink .img{
	width: 100%;
	height: 0;
	padding-top: 65.559%;
}
.secModel .tabList .secCmnModelList li .aLink .img img{
	border-radius: 5px 5px 0 0;
}
.secModel .tabList .secCmnModelList li .aLink .txtBox{
	padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
}
.secModel .tabList .secCmnModelList li .aLink .taglist{
	display: flex;
}
.secModel .tabList .secCmnModelList li .aLink .tag{
	min-width: 80px;
	height: 26px;
	background-color: #333;
	color: #fff;
	border-radius: 13px;
	font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 5px 10px;
	margin-right: 10px;
}
.secModel .tabList .secCmnModelList li .aLink .tag.area{
	background-color: #5a97d1;
}
.secModel .tabList .secCmnModelList li .aLink .tag:last-child{
	margin-right: 0;
}
.secModel .tabList .secCmnModelList li .aLink .tit{
	font-size: 15px;
	letter-spacing: 1px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	max-height: 15px;
	height: 15px;
	margin-top: 10px;
}
.secModel .tabList .secCmnModelList li .aLink .tag + .tit{
	margin-top: 13px;
}
.secModel .tabList .secCmnModelList li .aLink .txt{
	font-size: 12px;
	letter-spacing: 1px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    text-align: center;
    max-height: 17px;
    height: 17px;
    width: 100%;
}
.secModel .tabList .secCmnModelList li .aLink .tit + .txt{
	margin-top: 13px;
}
@media only screen and (max-width:767px){
	.secModel .tabList .secCmnModelList li .aLink .taglist{
		display: block;
	}
	.secModel .tabList .secCmnTabContents{
		padding: 24px 0 22px;
        border-radius: 5px 5px 0 0;
        margin-top: 28px;
	}
	.secModel .tabList .mapBox img{
		max-width: 100%;
	}
	.secModel .tabList .boxArea{
		margin: 30px auto;
	}
	.secModel .tabList .secCmnModelList{
		justify-content: space-between;
	}
	.secModel .tabList .secCmnModelList li{
		width: 47.83%;
		margin-right: 0;
	}
	.secModel .tabList .secCmnModelList li:nth-child(n+3){
		margin-top: 20px;
	}
	.secModel .tabList .secCmnModelList li .aLink{
		padding-bottom: 0;
	}
	.secModel .tabList .secCmnModelList li .aLink .icon{
		top: -13px;
		left: 10px;
		width: 26px;
		height: 26px;
		border-radius: 26px;
		font-size: 12px;
	}
	.secModel .tabList .secCmnModelList li .aLink .img{
		padding-top: 65.46%;
	}
	.secModel .tabList .secCmnModelList li .aLink .txtBox{
		width: 100%;
		padding: 15px 15px 15px;
	}
	.secModel .tabList .secCmnModelList li .aLink .tag{
		min-width: 65px;
		max-width: 100%;
		min-height: 22px;
		height: auto;
		border-radius: 11px;
		font-size: 11px;
		padding: 5px 10px;
		margin: 0 auto;
		margin-bottom: 5px;
	}
	.secModel .tabList .secCmnModelList li .aLink .tag:last-child{
		margin-bottom: 0;
	}
	.secModel .tabList .secCmnModelList li .aLink .tit{
		font-size: 13px;
		letter-spacing: 0;
		max-height: 14px;
		height: 14px;
	}
	.secModel .tabList .secCmnModelList li .aLink .tag + .tit{
		margin-top: 15px;
	}
	.secModel .tabList .secCmnModelList li .aLink .txt{
		font-size: 11px;
		letter-spacing: .5px;
		max-height: 11px;
		height: 11px;
	}
	.secModel .tabList .secCmnModelList li .aLink .tit + .txt{
		margin-top: 10px;
	}
}
@media only screen and (max-width:360px){
	.secModel .tabList .secCmnModelList li .aLink .txtBox{
		padding: 15px 5px;
	}
}
/* detailsTit */
.detailsTit{
	color: #393333;
	text-align: center;
}
.detailsTit .eng{
	font-size: 34px;
	font-weight: bold;
}
.detailsTit .tit{
	font-size: 15px;
	color: #33373d;
	margin-top: 10px;
}
@media only screen and (max-width:767px){
	.detailsTit .eng{
		font-size: 20px;
	}
	.detailsTit .tit{
		font-size: 11px;
	}
}
.secModel .tabList .secCmnTabContents02{
    margin-top: 105px;
}
.secCmnTabContents .lpTitBox{
    text-align: center;
    color: #fff;
    padding-bottom: 40px;
}
.secCmnTabContents .lpEngTit{
    font-size: 30px;
    letter-spacing: 1px;
    font-weight: bold;
}
.secCmnTabContents .lpJpnTit{
    font-size: 24px;
    font-weight: bold;
    margin-top: 17px;
}
@media only screen and (max-width:767px){
    .secModel .tabList .secCmnTabContents02{
        margin-top: 50px;
    }
    .secCmnTabContents .lpTitBox{
        padding-bottom: 30px;
    }
    .secCmnTabContents .lpEngTit{
        font-size: 12px;
        letter-spacing: normal;
    }
    .secCmnTabContents .lpJpnTit{
        font-size: 15px; 
        margin-top: 8px;
    }
}
.secModel .shopBtnBox{
    width: 520px;
    margin: 80px auto 0;
}
.secModel .shopBtnInner{
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 0px 5.76px 0.24px rgba(0, 0, 0, 0.15);
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #1d1d1d;
    font-size: 18px;
    font-weight: bold;
}
@media only screen and (max-width:767px){
    .secModel .shopBtnBox{
        display: none;
    }
}


/* secEvent */
.secEvent{
	padding-top: 94px;
    overflow: hidden;
}
.secEvent .swiper{
    overflow: visible;
    margin-top: 45px;
}
.secEvent .secCmnEventList {
    height: auto;
}
.secCmnEventList li {
    width: 29.688%;
    margin: 0 5.4% 0 0;
    display: flex;
	font-family:"YakuHanJP_Narrow","游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.secCmnEventList li:nth-child(3n) { margin-right:0;}
.secCmnEventList li a {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    text-decoration: none;
    color: #000;
}
.secCmnEventList li .img {
    height: 0;
    padding-top: 68.425%;
}
.secCmnEventList li .img img{
    border-radius: 5px;
}
.secCmnEventList li .boxTxt {
	margin-top: 20px;
}
.secCmnEventList li .boxTxt .tit {
    font-size: 15px;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 52px;
	height: 52px;
}
.secCmnEventList li .boxTxt .txt {
    font-size: 12px;
    letter-spacing: 0.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 10px;
}
.secCmnEventList li .boxTxt .txt + .txt{
	margin-top: 8px;
}
.secCmnEventList li .txtEnd {
    background: rgba(0,0,0,0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 68.425%;
    height: 0;
    z-index: 10;
	border-radius: 5px;
}
.secCmnEventList li .txtEnd .inner{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #fff;
    width: 89.477%;
    height: 85.31%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	border-radius: 5px;
	border: 1px solid #fff;
}
.secCmnEventList li .txtEnd .eng{
	font-size: 34px;
	font-weight: bold;
    margin-top: 28px;
	letter-spacing: 2px;
}
.secCmnEventList li .txtEnd .jp{
	font-size: 13px;
	line-height: 25px;
    margin-top: 13px;
}
.secCmnBtn{ margin:0 auto;}
@media only screen and (max-width:767px){
	.secEvent{
		padding-top: 45px;
        overflow: visible;
	}
	.secEvent .iconEventList{
		flex-wrap: wrap;
	}
	.secEvent .iconEventList .iconEvent{
		margin: 0 5px 5px 0;
	}
	.secEvent .iconEventList .iconEvent:first-child{
		margin-left: 0;
	}
	.secEvent .swiper{
		margin-top: 20px;
	}
	.secEvent .secCmnEventList {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.secCmnEventList li {
		width: 47.83%;
		margin: 0;
		display: flex;
	}
	.secCmnEventList li:first-child{
		width: 100%;
	}
	.secCmnEventList li:nth-child(n+2) { margin-top:20px;}
	.secCmnEventList li:nth-child(n+4) { display: none;}
	.secCmnEventList li a {
		width: 100%;
		display: flex;
		flex-direction: column;
		position: relative;
	}
	.secCmnEventList li .img {
		height: 0;
		padding-top: 68.425%;
	}
	.secCmnEventList li .img img{
		border-radius: 5px;
	}
	.secCmnEventList li .boxTxt {
		margin-top: 20px;
	}
	.secCmnEventList li .boxTxt .tit {
		font-size: 15px;
		line-height: 26px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		max-height: 52px;
		height: 52px;
	}
	.secCmnEventList li .boxTxt .txt {
		font-size: 12px;
		letter-spacing: 0.5px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-top: 10px;
	}
	.secCmnEventList li .boxTxt .txt + .txt{
		margin-top: 8px;
	}
	.secCmnEventList li .txtEnd {
		background: rgba(0,0,0,0.6);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding-top: 68.425%;
		height: 0;
		z-index: 10;
		border-radius: 5px;
	}
	.secCmnEventList li .txtEnd .inner{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		color: #fff;
		width: 89.477%;
		height: 85.31%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border-radius: 5px;
		border: 1px solid #fff;
	}
	.secCmnEventList li .txtEnd .eng{
		font-size: 34px;
		font-weight: bold;
		margin-top: 28px;
		letter-spacing: 2px;
	}
	.secCmnEventList li .txtEnd .jp{
		font-size: 13px;
		line-height: 25px;
		margin-top: 13px;
	}
	.secEvent li:nth-child(n+2) .iconEventList{
		justify-content: space-between;
		margin-top: 10px;
	}
	.secEvent li:nth-child(n+2) .iconEventList .iconEvent{
		margin: 0 0 5px 0;
	}
	.secCmnEventList li:nth-child(n+2) .boxTxt {
		margin-top: 10px;
	}
	.secCmnEventList li:nth-child(n+2) .boxTxt .tit{
		font-size: 12px;
		line-height: 18px;
		max-height: 40px;
		height: 40px;
	}
	.secCmnEventList li:nth-child(n+2) .boxTxt .txt {
		display: none;
	}
}

/* icon背景 */
.iconEventList{
	display: flex;
	margin-top: 15px;
}
.iconEventList .iconArea,
.iconEventList .iconEvent,
.iconEventList .iconAreaEstate,
.iconEventList .iconHouse{
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: center;
    color: #fff;
	width: 80px;
	height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
	border-radius: 5px;
}
.iconEventList .iconArea{
	background:#fefaf5;
	border:1px solid #ee8100;
	color:#ee8100;
}
.iconEventList .iconAreaEstate{ background:#EF8200;}
.iconEventList .iconEvent{
	background:#fefaf5;
	margin-left:2px;
}
.iconEventList .iconEvent + .iconEvent{
	margin-left: 5px;
}
.iconEventList .iconEvent.event00{ /* 見学会・キャンペーン */
	background-color: #393333;
	color:#fff;
}
.iconEventList .iconEvent.event01{ /* 開催中 */
	background-color: #f08200;
	color:#fff;
}
.iconEventList .iconEvent.event02{/* 開催前 */
	background-color: #ebd306;
	color:#000;
}
.iconEventList .iconEvent.event03{/* 終了 */
	background-color: #ccc;
	color:#000;
}
.iconEventList .iconHouse.house01{ background:#76A46C;}/* 建売 */
.iconEventList .iconHouse.house02{ background:#9B8475;}/* 土地 */
@media only screen and (max-width:767px){
	.iconEventList .iconArea,
	.iconEventList .iconEvent{
		font-size:12px;
		width: 80px;
		height: 26px;
	}

}
/* secEvent */
.secEvent .boxBtn{
	position: absolute;
    top: -80px;
	right: 0;
	display: flex;
    justify-content: flex-end;
}
.secEvent .boxBtn .aBtn{
	position: relative;
	background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	width: 200px;
	height: 40px;
	border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
.secEvent .boxBtn .aPageBtn.aBtn::before{
    display: none;
}
.secEvent .boxBtn .aBtn::before{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: 2px;
    left: 0;
    width: 9px;
    height: 9px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
    margin: auto;
}
.secEvent .boxBtn .aBtn.swiper-button-prev:before {
    right: -2px;
    transform: rotate(-135deg);
}
.secEvent .boxBtn .aBtn.aPageBtn::before{
	left: auto;
    right: 10px;
    width: 7px;
    height: 7px;
}
.secEvent .boxBtn .aBtn:not(.aPageBtn){
	top: auto;
	right: auto;
	left: auto;
	width: 36px;
	height: 36px;
	border-radius: 36px;
	margin-top: 0;
}
.secEvent .boxBtn .aBtn + .aBtn{
	margin-left: 20px;
}
.secEvent .boxBtn .aBtn::after{
	display: none;
}
@media only screen and (max-width:767px){
	.secEvent .boxSlider .boxBtn{
		display: none;
	}
	.secEvent .boxBtn{
		position: static;
	}
	.secEvent .boxBtn .aBtn{
		margin: 30px auto 0;
		width: 275px;
	}
}

/* secFlow */
.secFlow{
    padding: 100px 0;
}
.secFlow .topTit{
    font-size: 17px;
    letter-spacing: 1px;
    font-weight: bold;
}
.secFlow .topTxt{
    font-size: 40px;
    font-weight: bold;
    margin-top: 18px;
}
.secFlow .topImg{
    margin-top: 40px;
}
.secFlow .bnrInner{
    display: block;
    margin-top: 60px;
}
.secFlow .txt{
    margin-top: 24px;
    font-size: 13px;
    line-height: 1.92;
}
.secFlow .imgList{
    margin-top: 93px;
    display: flex;
    justify-content: space-between;
}
.secFlow .imgItem{
    width: calc(50% - 1px);
}
.secFlow .imgInner{
    display: block;
}
@media only screen and (max-width:767px){
    .secFlow{
        padding: 50px 0;
    }
    .secFlow .titBox{
        text-align: center;
    }
    .secFlow .topTit{
        font-size: 11px;
        letter-spacing: 0.5px;
    }
    .secFlow .topTxt{
        font-size: 18px;
        margin-top: 14px;
    }
    .secFlow .topImg{
        margin-top: 30px;
    }
    .secFlow .bnrInner{
        margin-top: 40px;
    }
    .secFlow .txt{
        margin-top: 24px;
        font-size: 11px;
        line-height: 2.27;
    }
    .secFlow .imgList{
        margin-top: 43px;
        display: block;
    }
    .secFlow .imgItem{
        width: 100%;
    }
    .secFlow .imgItem:nth-child(2){
        margin-top: 30px;
    }
}