@charset "utf-8";

/*-----------------------------------------------
    index
-----------------------------------------------*/
.disabled .swiper-scrollbar{
    display: none;
}
#main{
    padding-bottom: 20rem;
}
@media only screen and (max-width:1215px){
    #main{
        padding-bottom: 13rem;
    }
}
@media only screen and (min-width:1216px){
    #btnNav:not(.naviOpen){
        color: var(--textColor);
    }
    #btnNav:not(.naviOpen) .btnNav-line::before,
    #btnNav:not(.naviOpen) .btnNav-line::after{
        background-color: var(--textColor);
    }
}
/* secHero */
.secHero{
    position: relative;
    height: auto;
    max-height: 108rem;
    margin-bottom: 3rem;
}
.secHero .backSlide{
    position: relative;
    width: 100%;
}
#heroSlide{
    width: 100%;
    height: 100%;
}
#heroSlide .swiper{
    overflow: hidden;
    width: 100%;
}
#heroSlide .img{
    width: 100%;
    height: 0;
    padding-top: calc(1080 / 1920 * 100%);
}
@media only screen and (max-width:1215px){
    .secHero{
        max-height: unset;
        padding-top: 10.7rem;
        padding-bottom: calc(390 / 375 *100vw);
    }
    .secHero .backSlide{
        position: absolute;
        height: 100%;
        bottom: 0;
        left: 0;
    }
    #heroSlide .swiper{
        height: 100%;
    }
    #heroSlide .img{
        padding-top: 0;
        height: 100%;
    }
}
/* ▼ページャー */
.secHero .boxSliderPager{
    position: absolute;
    bottom: 2.6rem;
    right: 4.5rem;
    z-index: 15;
}
.secHero .boxSliderPager button {
    display: inline-block;
    position: relative;
    width:18px;
    height: 18px;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    transition: 400ms ease;
    padding: 0;
    margin: 4px 6px;
    transform: rotate(-90deg);
}
.secHero .boxSliderPager button:last-child {
    margin-right: 0;
}
.secHero .boxSliderPager button svg circle {
    opacity: 0;
    fill: transparent;
    stroke: var(--textColor);
    stroke-width: 1;
    stroke-dasharray: 0 78.5;
    will-change: stroke-dasharray;
}
.secHero .boxSliderPager button[aria-selected="true"] span{
    opacity: 1;
    background-color: var(--textColor);
}
.secHero .boxSliderPager button[aria-selected="true"] svg circle {
    opacity: 1;
    animation-name: loading;
    animation-duration: 5000ms;
    animation-timing-function: linear;
}
@keyframes loading {
    0% {
        stroke-dasharray: 0 78.5;
    }
    100% {
        stroke-dasharray: 78.5 78.5;
    }
}
.secHero .boxSliderPager button span {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    pointer-events: none;
}
@media only screen and (max-width:1215px){
    .secHero .boxSliderPager{
        left: 3.4rem;
        right: auto;
        bottom: 1.6rem;
    }
}

.secHero .heroInner{
    width: 100%;
    height: 100%;
    padding: 0 10rem;
    display: flex;
    align-items: flex-end;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
}
.secHero .titlebox{
    display: inline-block;
    width: 100%;
    text-align: left;
    padding-bottom: calc(16.5rem + 5rem);
}
.secHero .hero_title{
    font-size: var(--pcFontSize50);
    line-height: var(--pcLineHeight50_90);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing50_50);
}
.secHero .hero_txt{
    font-size: var(--pcFontSize12);
    line-height: var(--pcLineHeight12_20);
    letter-spacing: var(--pcLetterSpacing12_300);
    margin-top: 3rem;
}
@media only screen and (max-width:1215px){
    .secHero .heroInner{
        height: auto;
        padding: 0 2rem;
        display: block;
        position: relative;
    }
    .secHero .titlebox{
        padding-bottom: 0;
    }
    .secHero .hero_title{
        font-size: var(--spFontSize25);
        line-height: var(--spLineHeight25_45);
    }
    .secHero .hero_txt{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_28);
        margin-top: 0.7rem;
        letter-spacing: var(--spLetterSpacing11_200);
    }
}

.secHero .hero_scroll{
    position: absolute;
    z-index: 11;
}
.secHero .scroll_inner{
    width: 2.6rem;
    position: relative;
    padding-bottom: calc(5.5rem + 0.8rem);
}
@media only screen and (min-width:1216px){
    .secHero .hero_scroll{
        bottom: calc(0% - 2.7rem);
        left: 10rem;
    }
    .secHero .scroll_inner{
        padding-top: calc(3.6rem + 0.9rem);
        background: url(../img/index/img_Scroll_bg.png) no-repeat center top;
        background-size: 2.6rem auto;
    }
}
.secHero .scroll_img{
    width: 0.9rem;
    margin: 0 auto;
}
.secHero .scroll_inner::before,
.secHero .scroll_inner::after{
    content: "";
    position: absolute;
    bottom: 0;
    background-color: var(--textColor);
}
.secHero .scroll_inner::before{
    width: 1px;
    height: 5.5rem;
    left: calc(50% - 0.5px);
}
.secHero .scroll_inner::after{
    width: 1rem;
    height: 1px;
    transform: rotate(-45deg);
    left: calc(50% - 0.1rem);
    bottom: calc(0% + 0.3rem);
}
@media only screen and (max-width:1215px){
    .secHero .hero_scroll{
        top: 11.7rem;
        right: 1.5rem;
    }
}

/* secPickup */
.secPickup{
    margin-top:10rem;
    width: 100%;
}
.secPickup .Inner{
    position: relative;
}
#pickupSlide{
    position: relative;
    z-index: 3;
}
#pickupSlide .swiper{
    width: 80rem;
    margin: 0 auto;
    overflow: visible;
}
#pickupSlide .pickUplink{
    display: block;
    width: 100%;
    border-radius: 0.4rem;
    box-shadow: 0 0 0.5rem 0.1rem var(--colorBlack_15);
}
#pickupSlide .slideImg{
    width: 100%;
    height: 0;
    padding-top: calc(380 / 800 * 100%);
    border-radius: 0.4rem;
    overflow: hidden;
}
#pickupSlide .swiper-pagination{
    width: 100%;
    position: static;
    margin-top: 5rem;
    display: flex;
}
#pickupSlide .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
#pickupSlide .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0;
    flex: 1;
    border-radius: 0;
    height: 1px;
    background-color: var(--colorText_25);
    opacity: 1;
}
#pickupSlide .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,
#pickupSlide .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{
    background-color: var(--textColor);
}
@media only screen and (max-width:1215px){
    .secPickup{
        margin-top: 3rem;
    }
    #pickupSlide .swiper{
        width: calc(295 / 375 *100vw);
    }
    #pickupSlide .pickUplink{
        border-radius: 0.2rem;
    }
    #pickupSlide .slideImg{
        border-radius: 0.2rem;
    }
    #pickupSlide .swiper-pagination{
        margin-top: 3rem;
    }
}
/* secIndexTitle */
.secIndexTitle{
    text-align: left;
}
.secIndexTitle .imgtitEng{
    max-width: 100%;
}
.secIndexTitle .imgtitEng img{
    width: auto;
    height: 10.4rem;
}
.secIndexTitle .index_tit_jpn{
    font-size:var(--pcFontSize16);
    line-height:var(--pcLineHeight16_24);
    font-weight: bold;
    margin-top: 1.5rem;
    letter-spacing: var(--pcLetterSpacing16_100);
}
@media only screen and (max-width:1215px){
    .secIndexTitle .imgtitEng img{
        height: 4.7rem;
    }
    .secIndexTitle .index_tit_jpn{
        font-size:var(--spFontSize13);
        line-height:var(--spLineHeight13_25);
        margin-top: 0.6rem;
    }

}


/* secIndexMorebtn */
.secIndexMorebtn{
    max-width: 70rem;
    width: 100%;
    margin: 0 auto;
}
.secIndexMorebtn .btnLink{
    display: flex;
    align-items: center;
    width: 100%;
    height:8rem;
    border: 1px solid;
    border-color: var(--textColor);
    background-color: rgba(0,0,0,0);
    color: var(--textColor);
    border-radius: 0.4rem;
}
.secIndexMorebtn .btnLink.type_Black{
    color: #fff;
    border-color: var(--moreBlackborderColor);
    background-color: var(--textColor);
}
.secIndexMorebtn .btnLink_txt{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_20);
}
.secIndexMorebtn .more_txtIn{
    display: inline-block;
    position: relative;
    padding-right:calc(12rem + 1rem);
}
.secIndexMorebtn .lineIn{
    position: absolute;
    width: 12rem;
    height: 1px;
    right: 0;
    top: calc(50% - 0.5px);
    background-color: var(--textColor);
}
.secIndexMorebtn .lineIn::before,
.secIndexMorebtn .lineIn::after{
    content: "";
    position: absolute;
    width: 1px;
    height: 0.8rem;
    background-color: var(--textColor);
    right: 0;
}
.secIndexMorebtn .lineIn::before{
    transform: rotate(-45deg);
    bottom: calc(50% - 0.15rem);
}
.secIndexMorebtn .lineIn::after{
    transform: rotate(45deg);
    top: calc(50% - 0.15rem);
}
.secIndexMorebtn .btnLink.type_Black .lineIn::before,
.secIndexMorebtn .btnLink.type_Black .lineIn::after,
.secIndexMorebtn .btnLink.type_Black .lineIn{
    background-color: #fff;
}
@media only screen and (max-width:1215px){
    .secIndexMorebtn{
        max-width: 33.5rem;
    }
    .secIndexMorebtn .btnLink{
        height:5rem;
    }
    .secIndexMorebtn .btnLink_txt{
        font-size: var(--spFontSize13);
    }
}




/* secEstate */
.secEstate{
    padding-top: 13.3rem;
}
@media only screen and (min-width:1216px){
    .secEstate.lazyloaded{
        background: url(../img/index/imgbg_Estate.jpg) center top no-repeat #fff;
    }
}
@media only screen and (max-width:1215px){
    .secEstate{
        padding-top: 5rem;
        position: relative;
    }
    .secEstate.lazyloaded{
        background: #fff;
    }
    .secEstate::after{
        content: "";
        position: absolute;
        width: 100%;
        height: 0;
        padding-top: calc(375 / 375 * 100vw);
        top: calc(0% - 5rem);
        left: 0;
    }
    .secEstate.lazyloaded::after{
        background: url(../img/index/imgbg_Estate_sp.jpg) center top no-repeat;
        background-size: 100% auto;
    }
}
.secEstatetitBox{
    position: relative;
    z-index: 3;
}

.secEstateContent{
    position: relative;
    margin-top: 4.2rem;
}
.secEstateContent::after{
    content: "";
    position: absolute;
    width: calc(132rem + ((100% - 132rem) / 2) + 6rem);
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--colorText_15);
    border-radius: 0 5rem 0 0;
}
.secEstate .Inner{
    position: relative;
    padding-top: 6rem;
    padding-bottom:12rem;
    z-index: 2;
}
@media only screen and (max-width:1215px){
    .secEstatetitBox{

    }
    .secEstateContent{
        margin-top: 1.2rem;
        width: calc(355 / 375 * 100%);
        z-index: 10;
    }
    .secEstateContent::after{
        width: 100%;
        border-radius: 0 2rem 0 0;
    }
    .secEstate .Inner{
        padding: 2rem;
        padding-bottom:5rem;
    }
}

/* secEstateMain */
.secEstateMain{}
.secEstateMain .mainItem{
    width: 100%;
}
.secEstateMain .mainItem + .mainItem{
    margin-top: 5rem;
}
.secEstateMain .mainLink{
    display: block;
    width: 100%;
    overflow: visible;
    position: relative;
}
.secEstateMain .MainInner{
    display: flex;
    overflow: hidden;
    border-radius: 0.4rem 4rem 0.4rem 0.4rem;
    background-color: #fff;
}
.secEstateMain .imgArea{
    width: 96rem;
}
.secEstateMain .imgBox{
    width: 100%;
    height: 0;
    padding-top: calc(640 / 960 * 100%);
    overflow: hidden;
    z-index: 1;
}
.secEstateMain .txtArea{
    flex: 1;
    width: calc(100% - 96rem);
}
.secEstateMain .txtInner{
    padding:5rem 5rem;
    width: 100%;
    position: relative;
    height: 100%;
    padding-bottom: 9rem;
}
.secEstateMain .secNewIcon{
    top: calc(0% - 2.2rem);
    left: calc(96rem + 5rem);
}
.secEstateMain .tagContent{
    width: 100%;
    max-width: 100%;
}
.secEstateMain .taglist{
    display: flex;
    flex-wrap: wrap;
}
.secEstateMain .tag{
    display: inline-block;
    min-width: 6rem;
    margin-top: 1px;
    margin-right: 1px;
}
.secEstateMain .tag:last-child{
    margin-right: 0;
}
.secEstateMain .tag.area{
    max-width: 100%;
}
/* .secEstateMain .mainLink:has(.tag.category) .tag.area{
    max-width: calc(100% - (7rem + 1px));
} */
.secEstateMain .tag.category{
    min-width: 7rem;
}
.secEstateMain .tag.estate{
    min-width: 12rem;
}
.secEstateMain .tagInner{
    display: flex;
    align-items: center;
    height: 2.6rem;
    color: #fff;
    width: fit-content;
    min-width: 6rem;
    padding: 0 0.5rem;
    max-width: 100%;
}
.secEstateMain .tag.area .tagInner{
    background-color: var(--areaColor);
}
.secEstateMain .tag.category .tagInner{
    background-color: var(--textColor);
    min-width: 7rem;
}
.secEstateMain .tag.estate .tagInner{
    min-width: 12rem;
    background-color: var(--NewColor);
}
.secEstateMain .tagtxt{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_20);
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.secEstateMain .titbox{
    padding-bottom: 2rem;
    border-bottom: 1px solid;
    border-color: var(--colorText_20);
}
.secEstateMain .tagContent + .titbox{
    margin-top: 1.4rem;
}
.secEstateMain .tit{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_34);
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height:calc(var(--pcFontSize22) *var(--pcLineHeight22_34) * 2);
}
.secEstateMain .subtit{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_30);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height:calc(var(--pcFontSize15) *var(--pcLineHeight15_30) * 2);
}
.secEstateMain .tit + .subtit{
    margin-top: 0.3rem;
}
.secEstateMain .accesslist{
    margin-top: 2.4rem;
}
.secEstateMain .a_list{
    width: 100%;
}
.secEstateMain .a_item{
    display: flex;
}
.secEstateMain .a_tit,
.secEstateMain .a_txt{
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_28);
}
.secEstateMain .a_tit{
    display: inline-block;
}
.secEstateMain .a_txt{
    flex: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height:calc(var(--pcFontSize13) *var(--pcLineHeight13_28) * 3);
}
.secEstateMain .school .a_txt{
    -webkit-line-clamp: 2;
    max-height:calc(var(--pcFontSize13) *var(--pcLineHeight13_28) * 2);
}

.secEstateMain .resultbox{
    width: 100%;
    background: var(--resultColor);
    margin-top: 1.1rem;
}
.secEstateMain .resultInner{
    width: 100%;
    display: flex;
    align-items: center;
}
.secEstateMain .result_titbox{
    width:10rem;
    background-color: var(--textColor);
    color: #fff;
}
.secEstateMain .titboxIn{
    width: 100%;
    min-height: 5rem;
    display: flex;
    align-items: center;
}
.secEstateMain .result_tit{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_20);
    letter-spacing: var(--pcLetterSpacing13_50);
}

.secEstateMain .result_txtbox{
    flex: 1;
    padding: 0 1rem;
    text-align: center;
    max-width: calc(100% - 10rem);
}
.secEstateMain .result_txt{
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_20);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.secEstateMain .result_txt .numtxt{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_30);
    padding: 0 0.5rem;
}

.secEstateMain .priceBox{
    width: 100%;
    text-align: left;
    margin-top: 2.6rem;
}
.secEstateMain .priceMain{
    display: flex;
    align-items: center;
}
.secEstateMain .pricetitbox{
    width:4.4rem;
}
.secEstateMain .pricetitInner{
    width: 4.4rem;
    height: 4.4rem;
    background-color: var(--priceColor);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
}
.secEstateMain .pricetit{
    font-size: var(--pcFontSize11);
    line-height: var(--pcLineHeight11_14);
    display: inline-block;
    text-align: center;
    width: 100%;
}
.secEstateMain .price_txtbox{
    flex: 1;
    width: calc(100% - 4.4rem);
    text-align: left;
    padding-left: 1rem;
}
.secEstateMain .price_txt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_20);
}
.secEstateMain .priceNum{
    font-size: var(--pcFontSize38);
    line-height: var(--pcLineHeight38_40);
    color: var(--priceColor);
}
.secEstateMain .month_price{
    width: 100%;
    text-align: left;
}
.secEstateMain .priceMain + .month_price{
    margin-top: 1rem;
}
.secEstateMain .month_txt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_30);
}
.secEstateMain .secMore_style{
    position: absolute;
    bottom: 6.3rem;
    width: calc(100% - 10rem);
}
.secEstateMain .landtxt{
    font-size: var(--pcFontSize12);
    line-height: var(--pcLineHeight12_20);
    letter-spacing: var(--pcLetterSpacing12_50);
    margin-top: 1.5rem;
}
@media only screen and (max-width:1215px){
    .secEstateMain .mainItem + .mainItem{
        margin-top: 2rem;
    }
    .secEstateMain .MainInner{
        display: block;
        border-radius: 0 1.6rem 0 0;
    }
    .secEstateMain .imgArea{
        width:100%;
        overflow: hidden;
    }
    .secEstateMain .txtArea{
        width: 100%;
        padding: 2rem;
    }
    .secEstateMain .txtInner{
        padding:0;
        height: auto;
        padding-bottom: 2.7rem;
    }
    .secEstateMain .secNewIcon{
        top: calc(0% - 1rem);
        left:auto;
        right: 2rem;
    }
    .secEstateMain .tagtxt{
        font-size: var(--spFontSize13);
    }
    .secEstateMain .titbox{
        padding-bottom: 1.4rem;
    }
    .secEstateMain .tagContent + .titbox{
        margin-top: 0.8rem;
    }
    .secEstateMain .tit{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_30);
        max-height: calc(var(--spFontSize16) * var(--spLineHeight16_30) * 2);
    }
    .secEstateMain .subtit{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        max-height:calc(var(--spFontSize12) *var(--spLineHeight12_20) * 2);
    }
    .secEstateMain .subtit br,
    .secEstateMain .tit br{
        display: none;
    }
    .secEstateMain .tit + .subtit{
        margin-top: 0.3rem;
    }
    .secEstateMain .accesslist{
        margin-top: 1.5rem;
    }
    .secEstateMain .a_tit,
    .secEstateMain .a_txt{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_20);
    }
    .secEstateMain .a_txt{
        -webkit-line-clamp: 3;
        max-height:calc(var(--spFontSize11) *var(--spLineHeight11_20) * 3);
    }
    .secEstateMain .school .a_txt{
        -webkit-line-clamp: 2;
        max-height:calc(var(--spFontSize11) *var(--spLineHeight11_20) * 2);
    }
    .secEstateMain .resultbox{
        margin-top: 1.5rem;
    }
    .secEstateMain .titboxIn{
        min-height: 3.5rem;
    }
    .secEstateMain .result_tit{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
    }
    .secEstateMain .result_txtbox{
        padding: 0 1rem;
    }
    .secEstateMain .result_txt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_20);
    }
    .secEstateMain .result_txt .numtxt{
        font-size: var(--spFontSize20);
        line-height: var(--spLineHeight20_30);
        padding: 0 0.5rem;
    }
    .secEstateMain .priceBox{
        margin-top: 2rem;
    }
    .secEstateMain .price_txt{
        font-size: var(--spFontSize14);
    }
    .secEstateMain .priceNum{
        font-size: var(--spFontSize38);
    }
    .secEstateMain .priceMain + .month_price{
        margin-top: 0.7rem;
    }
    .secEstateMain .month_txt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        letter-spacing: 0.05em;
    }
    .secEstateMain .secMore_style{
        position: absolute;
        bottom: -0.2rem;
        width: calc(100% - 1.5rem);
    }
    .secEstateMain .landtxt{
        font-size: var(--spFontSize12);
        margin-top: 0.8rem;
    }
}


/* secEstateSlide */
.secEstateSlide{
    width: 100%;
}
.secEstateMain + .secEstateSlide{
    margin-top: 3.8rem;
}
#EstateSlider{
    overflow: hidden;
    padding-top: 2.2rem;
}
#EstateSlider .swiper{
    width: 100%;
    overflow: visible;
}
#EstateSlider .swiper-slide{
    height: auto;
}
@media only screen and (min-width:1216px){
    #EstateSlider.disabled .swiper-slide{
        width: calc((100% - 12rem) / 4);
    }
    #EstateSlider.disabled .swiper-slide + .swiper-slide{
        margin-left: 4rem;
    }
}
#EstateSlider .sliderLink{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    color: #fff;
    overflow: visible;
}
#EstateSlider .secNewIcon{
    right: 1rem;
    top: calc(0% - 2.2rem);
}
#EstateSlider .linkInner{
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--textColor);
    border-radius: 0.5rem;
    overflow: hidden;
}
#EstateSlider .imgArea{
    width: 100%;
}
#EstateSlider .imgBox{
    width: 100%;
    height: 0;
    padding-top: calc(600 / 600 * 100%);
    overflow: hidden;
    z-index: 1;
}
#EstateSlider .txtArea{
    width: 100%;
    padding: 3rem 3rem;
    padding-bottom: 5.5rem;
}
#EstateSlider .tagContent{
    width: 100%;
    max-width: 100%;
}
#EstateSlider .taglist{
    display: flex;
}
#EstateSlider .tag{
    display: inline-block;
    min-width: 6rem;
}
#EstateSlider .tag + .tag{
    margin-left: 1px;
}
#EstateSlider .tag.area{
    max-width: 100%;
}
#EstateSlider .mainLink:has(.tag.category) .tag.area{
    max-width: calc(100% - (8rem + 1px));
}
#EstateSlider .tag.category{
    min-width: 8rem;
}
#EstateSlider .tagInner{
    display: flex;
    align-items: center;
    height: 2.6rem;
    color: #fff;
    width: fit-content;
    min-width: 6rem;
    padding: 0 0.5rem;
    max-width: 100%;
    border: 1px solid;
}
#EstateSlider .tag.area .tagInner{
    background-color: var(--areaColor);
    border-color: var(--areaColor);
}
#EstateSlider .tag.category .tagInner{
    background-color: var(--textColor);
    border-color: var(--colorWhite_20);
    min-width: 8rem;
}
#EstateSlider .tagtxt{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: var(--pcFontSize12);
    line-height: var(--pcLineHeight12_20);
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#EstateSlider .titbox{
    width: 100%;
    text-align: left;
    border-bottom: 1px solid;
    border-color: var(--colorWhite_20);
    padding-bottom: 1.8rem;
}
#EstateSlider .tagContent + .titbox{
    margin-top: 2rem;
}
#EstateSlider .tit{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_30);
    font-weight: bold;
}
@media only screen and (min-width:1216px){
    #EstateSlider .tit{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
#EstateSlider .accesslist{
    width: 100%;
    margin-top: 1.6rem;
}
#EstateSlider .a_tit,
#EstateSlider .a_txt{
    font-size: var(--pcFontSize12);
    line-height: var(--pcLineHeight12_20);
}
#EstateSlider .a_txt{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: calc(var(--pcFontSize12) * var(--pcLineHeight12_20) * 3);
}
#EstateSlider .priceBox{
    width: 100%;
    text-align: left;
    margin-top: 1.4rem;
}
#EstateSlider .priceMain{
    display: flex;
    align-items: center;
}
#EstateSlider .pricetitbox{
    width:4.4rem;
}
#EstateSlider .pricetitInner{
    width: 4.4rem;
    height: 4.4rem;
    background-color: var(--priceColor);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
}
#EstateSlider .pricetit{
    font-size: var(--pcFontSize11);
    line-height: var(--pcLineHeight11_14);
    display: inline-block;
    text-align: center;
    width: 100%;
}
#EstateSlider .price_txtbox{
    flex: 1;
    width: calc(100% - 4.4rem);
    text-align: left;
    padding-left: 1rem;
}
#EstateSlider .price_txt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_20);
}
#EstateSlider .priceNum{
    font-size: var(--pcFontSize32);
    line-height: var(--pcLineHeight32_40);
    color: var(--priceColor);
}
#EstateSlider .secMore_style{
    position: absolute;
    bottom: 2.2rem;
    width: calc(100% - 6rem);
}
#EstateSlider .secMore_style .line_In::after,
#EstateSlider .secMore_style .line_In::before,
#EstateSlider .secMore_style .line_In{
    background-color: #fff;
}
#EstateSlider .secMore_style .line_In{
    max-width: 12rem;
}
#EstateSlider .swiper-scrollbar{
    position: relative;
    width: 100%;
    left: 0;
    height: 1px;
    bottom: 0;
    margin-top: 5rem;
    background-color: var(--colorText_25);
}
#EstateSlider .swiper-scrollbar-drag{
    background-color: var(--textColor);
}
.secEstate .secIndexMorebtn{
    margin-top: 5rem;
}
@media only screen and (max-width:1215px){
    .secEstateMain + .secEstateSlide{
        margin-top: 1rem;
    }
    #EstateSlider{
        padding-top: 0.5rem;
    }
    #EstateSlider.disabled .swiper-slide{
        width: calc((100% - 1.5rem) / 2);
    }
    #EstateSlider.disabled .swiper-slide + .swiper-slide{
        margin-left: 1.5rem;
    }
    #EstateSlider .secNewIcon{
        right: 0.5rem;
        top: calc(0% - 0.5rem);
    }
    #EstateSlider .linkInner{
        border-radius: 0.2rem;
    }
    #EstateSlider .txtArea{
        padding: 1rem 1rem;
        padding-bottom: 4.5rem;
    }
    #EstateSlider .tag{
        min-width: 5rem;
    }
    #EstateSlider .mainLink:has(.tag.category) .tag.area{
        max-width: calc(100% - (6rem + 1px));
    }
    #EstateSlider .tag.category{
        min-width: 6rem;
    }
    #EstateSlider .tagInner{
        min-width: 5rem;
    }
    #EstateSlider .tag.category .tagInner{
        min-width: 6rem;
    }
    #EstateSlider .tagtxt{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_20);
    }
    #EstateSlider .titbox{
        padding-bottom: 0.5rem;
    }
    #EstateSlider .tagContent + .titbox{
        margin-top: 0.7rem;
    }
    #EstateSlider .tit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_20);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        max-height: calc(var(--spFontSize13) * var(--spLineHeight13_20) * 2);
    }
    #EstateSlider .accesslist{
        margin-top: 0.8rem;
    }
    #EstateSlider .a_tit,
    #EstateSlider .a_txt{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_15);
    }
    #EstateSlider .a_txt{
        -webkit-line-clamp: 4;
        max-height: calc(var(--spFontSize11) * var(--spLineHeight11_15) * 4);
    }
    #EstateSlider .priceBox{
        margin-top: 1rem;
    }
    #EstateSlider .priceMain{
        display: block;
    }
    #EstateSlider .pricetitbox{
        width:100%;
    }
    #EstateSlider .pricetitInner{
        width: auto;
        height: auto;
        background-color:unset;
        color: var(--priceColor);
        border-radius: 0;
        display: block;
        text-align: left;
    }
    #EstateSlider .pricetit{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_14);
        display: block;
        text-align:left;
        letter-spacing: 0.1em;
    }
    #EstateSlider .pricetit br{
        display: none;
    }
    #EstateSlider .price_txtbox{
        width: 100%;
        padding-left:0;
        margin-top: 0;
    }
    #EstateSlider .price_txt{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_20);
    }
    #EstateSlider .priceNum{
        font-size: var(--spFontSize24);
        line-height: var(--spLineHeight24_30);
    }
    #EstateSlider .secMore_style{
        bottom: 1.7rem;
        width: calc(100% - 2.4rem);
    }
    #EstateSlider .secMore_style .line_In{
        max-width: 5rem;
    }
    #EstateSlider .swiper-scrollbar{
        margin-top: 3rem;
    }
    .secEstate .secIndexMorebtn{
        margin-top: 3rem;
    }
}

/* secConcept */
.secConcept{
    width: 100%;
    margin-top:14.8rem;
}
.secConcept.lazyloaded{
    background: url(../img/index/concept_bg.jpg) center bottom no-repeat;
}
.secConcept .conceptInner{
    width: 100%;
    padding-top: 21.6rem;
    position: relative;
}
@media only screen and (min-width:1216px){
    .secConcept .conceptInner{
        min-height: 108rem;
        padding-bottom: 10rem;
    }
}
.secConcept .conceptInner::after{
    content: "";
    position: absolute;
    width: 35.8rem;
    height: 42.9rem;
    bottom: calc(0% - 6.5rem);
    left: calc(0% - (35.8rem + 10rem));
}
.secConcept.lazyloaded .conceptInner::after{
    background: url(../img/index/imgItem_concept.jpg) center top no-repeat;
    background-size: 100% auto;
}
.secConcept .Onbox{
    text-align: left;
}
.secConcept .imgtit{
    display: block;
}
.secConcept .imgtit img{
    width: auto;
    height: 10.4rem;
}
.secConcept .title{
    font-size: var(--pcFontSize50);
    line-height: var(--pcLineHeight50_90);
    font-weight: bold;
    margin-top: 2rem;
}
.secConcept .subtit{
    font-size: var(--pcFontSize12);
    line-height: var(--pcLineHeight12_20);
    letter-spacing: var(--pcLetterSpacing12_100);
    margin-top: 3rem;
}
.secConcept .txtBox{
    text-align: left;
    margin-top: 2.7rem;
}
.secConcept .txt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_50);
}
@media only screen and (max-width:1215px){
    .secConcept{
        margin-top: 5rem;
        padding-bottom: calc((327 / 375 *100vw) - 5.1rem);
    }
    .secConcept.lazyloaded{
        background-image: url(../img/index/concept_bg_sp.jpg);
        background-color: #fff;
        background-size: 100% auto;
    }
    .secConcept .conceptInner{
        height:auto;
        padding-top: 0;
        width: calc(335 / 375 * 100%);
    }
    .secConcept .conceptInner::after{
        width: 14.7rem;
        height: 15.2rem;
        bottom: auto;
        left:auto;
        top: 5.5rem;
        right: -0.4rem;
    }
    .secConcept.lazyloaded .conceptInner::after{
        background-image: url(../img/index/imgItem_concept_sp.png);
    }
    .secConcept .Onbox{
        text-align: left;
    }
    .secConcept .imgtit{
        display: block;
    }
    .secConcept .imgtit img{
        height: 4.7rem;
    }
    .secConcept .title{
        font-size: var(--spFontSize25);
        line-height: var(--spLineHeight25_45);
        margin-top: 1.5rem;
    }
    .secConcept .subtit{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_28);
        margin-top: 0.7rem;
        letter-spacing: var(--spLetterSpacing11_200);
    }
    .secConcept .txtBox{
        margin-top: 2rem;
    }
    .secConcept .txt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_40);
    }
}
@media only screen and (max-width:374px){
    .secConcept .conceptInner::after{
        width: calc(147 / 375 * 100vw);
        height: calc(152 / 375 * 100vw);
    }
}
/* secEvent */
.secEvent{
    width: 100%;
    background-color: var(--eventBackColor);
    padding-bottom: 15rem;
}
.secEvent .eventInner{
    padding-top: 14.8rem;
}
.secEvent .secIndexTitle{
    position: relative;
}
.secEvent .secIndexTitle .event_eng_tit{
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: var(--pcFontSize9);
    line-height: var(--pcLineHeight9_18);
    letter-spacing: var(--pcLetterSpacing9_275);
}
@media only screen and (max-width:1215px){
    .secEvent .secIndexTitle .event_eng_tit{
        display: none;
    }
}

/* eventSlider */
#eventSlider{margin-top: 4.5rem;}
#eventSlider .swiper{
    overflow: visible;
    width: 100%;
}
@media only screen and (min-width:1216px){
    #eventSlider.disabled .swiper-slide{
        width: calc((100% - 12rem) / 4);
    }
    #eventSlider.disabled .swiper-slide + .swiper-slide{
        margin-left: 4rem;
    }
}
#eventSlider .swiper-slide{
    height: auto;
}
#eventSlider .sliderLink{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: visible;
    display: block;
    padding-bottom: 4.6rem;
}
#eventSlider .secNewIcon{
    top: calc(0% - 2.2rem);
    right: 1rem;
}
#eventSlider .linkInner{
    width: 100%;
}
#eventSlider .imgArea{
    width: 100%;
    border-radius: 0.4rem;
    box-shadow: 0 0 0.5rem 0.1rem var(--colorBlack_15);
}
#eventSlider .imgBox{
    width: 100%;
    height: 0;
    padding-top: calc(600 / 600 * 100%);
    border-radius: 0.4rem;
    overflow: hidden;
    z-index: 1;
}
#eventSlider .txtArea{
    padding-top: 3.1rem;
}
#eventSlider .tagContent{
    width: 100%;
    max-width: 100%;
}
#eventSlider .taglist{
    display: flex;
}
#eventSlider .tag{
    display: inline-block;
    min-width: 6rem;
}
#eventSlider .tag + .tag{
    margin-left: 1px;
}
#eventSlider .tag.category{
    max-width: calc(100% - (6rem + 1px));
}
#eventSlider .tag.status{
    min-width: 6rem;
}
#eventSlider .tagInner{
    display: flex;
    align-items: center;
    height: 2.6rem;
    color: #fff;
    width: fit-content;
    min-width: 6rem;
    padding: 0 0.5rem;
    max-width: 100%;
}
#eventSlider .tag.type00 .tagInner{
    background-color: var(--NewColor);
}
#eventSlider .tag.type01 .tagInner{
    background-color:var(--areaColor);
}
#eventSlider .tag.type02 .tagInner{
    background-color: var(--eventEndColor);
}
#eventSlider .tag.category .tagInner{
    background-color: var(--textColor);
    min-width: 6rem;
}
#eventSlider .tagtxt{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_20);
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#eventSlider .title{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_34);
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: calc(var(--pcFontSize20) * var(--pcLineHeight20_34) * 2);
    margin-top: 1.3rem;
}
#eventSlider .daysbox{
    width: 100%;
    display: flex;
    margin-top: 1.4rem;
}
#eventSlider .daytitbox{
    width:4.4rem;
}
#eventSlider .daytitInner{
    width: 4.4rem;
    height: 4.4rem;
    display: flex;
    align-items: center;
    border: 1px solid;
    border-color: var(--textColor);
    border-radius: 50%;
}
#eventSlider .daytit{
    display: inline-block;
    width: 100%;
    font-size: var(--pcFontSize12);
    line-height: var(--pcLineHeight12_15);
    text-align: center;
}
#eventSlider .listbox{
    flex: 1;
    width: calc(100% - 4.4rem);
    padding-left:1rem;
}
#eventSlider .daylist{
    display: flex;
    align-items: flex-end;
}
#eventSlider .dayItem{
    display: inline-block;
    position: relative;
}
#eventSlider .dayItem + .dayItem{
    padding-left:calc(1.8rem + (0.9rem * 2));
}
#eventSlider .dayItem + .dayItem::after{
    content: "";
    position: absolute;
    width: 1.8rem;
    height: 0.5rem;
    left: 0.9rem;
    bottom: 0.9rem;
}
#eventSlider.lazyloaded .dayItem + .dayItem::after{
    background: url(../img/index/imgEventArrow.png) center center no-repeat;
    background-size: 100% auto;
}
#eventSlider .yeartxt{
    font-size: var(--pcFontSize11);
    line-height: var(--pcLineHeight11_20);
    letter-spacing: var(--pcLetterSpacing11_100);
}
#eventSlider .daytxt{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_20);
    font-weight: bold;
}
#eventSlider .days{
    letter-spacing: var(--pcLetterSpacing18_150);
}
#eventSlider .week_txt{
    font-size: var(--pcFontSize11);
    line-height: var(--pcLineHeight11_20);
    vertical-align: bottom;
}
#eventSlider .txtlistbox{
    width: 100%;
    margin-top: 1.3rem;
}
#eventSlider .txtlist{
    width: 100%;
}
#eventSlider .txtItem{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_30);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: var(--pcLetterSpacing15_100);
}
#eventSlider .secMore_style{
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(100% - 4rem);
}
@media only screen and (max-width:1215px){
    .secEvent{
        width: 100%;
        padding-bottom: 5rem;
    }
    .secEvent .eventInner{
        padding-top:5rem;
    }
    /* eventSlider */
    #eventSlider{
        margin-top: 1.2rem;
    }
    #eventSlider .swiper{
        width: calc(315 / 375 * 100vw);
        margin-left: 0;
    }
    #eventSlider.disabled .swiper-slide{
        width: calc((100% - 1.5rem) / 2);
    }
    #eventSlider.disabled .swiper-slide + .swiper-slide{
        margin-left: 1.5rem;
    }
    #eventSlider .sliderLink{
        padding-bottom: 2rem;
    }
    #eventSlider .secNewIcon{
        top: calc(0% - 0.5rem);
        right: 0.5rem;
    }
    #eventSlider .linkInner{
        width: 100%;
    }
    #eventSlider .imgArea{
        border-radius: 0.2rem;
    }
    #eventSlider .imgBox{
        border-radius: 0.2rem;
    }
    #eventSlider .txtArea{
        padding-top: 2rem;
    }
    #eventSlider .tagtxt{
        font-size: var(--spFontSize13);
    }
    #eventSlider .title{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_24);
        max-height: calc(var(--spFontSize13) * var(--spLineHeight13_24) * 2);
        margin-top: 1rem;
    }
    #eventSlider .title br{
        display: none;
    }
    #eventSlider .daysbox{
        margin-top: 0.8rem;
    }
    #eventSlider .daylist{
        display: block;
    }
    #eventSlider .dayItem{
        display: block;
        padding-right: 1.6rem;
        width: fit-content;
        max-width: 100%;
    }
    #eventSlider .dayItem + .dayItem{
        padding-left:0;
        margin-top: 0.5rem;
    }
    #eventSlider .dayItem::after{
        content: "";
        position: absolute;
        width: 1.3rem;
        height: 0.5rem;
        right: 0;
        bottom: 0.9rem;
    }
    #eventSlider.lazyloaded .dayItem::after{
        background: url(../img/index/imgEventArrow_sp.png) center center no-repeat;
        background-size: 100% auto;
    }
    #eventSlider .dayItem + .dayItem::after{
        display: none;
    }
    #eventSlider .yeartxt{
        font-size: var(--spFontSize10);
        line-height: 1;
    }
    #eventSlider .daytxt{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_20);
        display: flex;
        align-items: baseline;
    }
    #eventSlider .week_txt{
        font-size: var(--spFontSize11);
        vertical-align: text-bottom;
    }
    #eventSlider .txtlistbox{
        margin-top: 0.8rem;
    }
    #eventSlider .txtlist{
        width: 100%;
    }
    #eventSlider .days{
        letter-spacing: var(--spLetterSpacing16_100);
    }
    #eventSlider .txtItem{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_20);
        letter-spacing: 0;
    }
    #eventSlider .txtItem + .txtItem{
        margin-top: 0.2rem;
    }
    #eventSlider .secMore_style{
        width: 100%;
    }
    #eventSlider .secMore_style .line_In{
        max-width: 5rem;
    }
}
@media only screen and (max-width:375px){
    #eventSlider .listbox{
        padding-left: 0.5rem;
    }
}
#eventSlider .swiper-scrollbar{
    position: relative;
    width: 100%;
    left: 0;
    height: 1px;
    bottom: 0;
    margin-top: 5rem;
    background-color: var(--colorText_25);
}
#eventSlider .swiper-scrollbar-drag{
    background-color: var(--textColor);
}
.secEvent .secIndexMorebtn{
    margin-top: 6rem;
}
@media only screen and (max-width:1215px){
    #eventSlider .swiper-scrollbar{
        margin-top: 2.6rem;
    }
    .secEvent .secIndexMorebtn{
        margin-top: 3rem;
    }
}
/* secLineup */
.secLineup{
    margin-top: 13.5rem;
}

/* secLineupContent */
.secLineupContent{
    margin-top: 4.4rem;
    position: relative;
}
.secLineupContent::after{
    content: "";
    position: absolute;
    width: calc(132rem + ((100% - 132rem) / 2) + 6rem);
    height: 100%;
    right: 0;
    top: 0;
    border-radius: 5rem 0 0 0;
}
.secLineupContent.lazyloaded::after{
    background: url(../img/index/img_Lineup_bg.jpg) center top no-repeat;
}
.secLineupContent .Inner{
    padding-top: 6rem;
    position: relative;
    z-index: 2;
    padding-bottom: 15rem;
}
.secLineupContent .lineup_listbox{
    width: 100%;
    border-radius: 4rem 0 0 0;
    overflow: hidden;
}
.secLineupContent .list{
    display: flex;
}
.secLineupContent .item{
    width: calc((100% - 4rem) / 2);
    margin-right: 4rem;
}
.secLineupContent .item:nth-child(2n){
    margin-right: 0;
}
.secLineupContent .contentlink{
    display: block;
    width: 100%;
    color: #fff;
    position: relative;
    overflow: visible;
}
.secLineupContent .linkInner{
    width: 100%;
}
.secLineupContent .Onbox{
    width: 100%;
    position: relative;
}
.secLineupContent .type_hiraya .Onbox{
    color: var(--colorHiraya);
}
.secLineupContent .OnbackImg{
    width: 100%;
    height: 0;
    padding-top: calc(640 / 640 * 100%);
    border-radius: 0.4rem;
    overflow: hidden;
    z-index: 1;
}
.secLineupContent .OnInner{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.secLineupContent .txtbox{
    text-align: center;
    width: 100%;
    padding-top: 6.6rem;
}
.secLineupContent .ontit{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_30);
    letter-spacing: var(--pcLetterSpacing22_100);
}
.secLineupContent .engtit{
    font-size: var(--pcFontSize50);
    line-height: var(--pcLineHeight50_60);
    margin-top: 1.2rem;
}
.secLineupContent .ontxt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_35);
    margin-top: 0.6rem;
}
.secLineupContent .onboxImg{
    position: absolute;
    z-index: 15;
}
.secLineupContent .type_premium .onboxImg{
    width: 49.2rem;
    height: 21.3rem;
    left: calc(50% - 24.6rem);
    bottom: calc(0% - 5.5rem);
}
.secLineupContent .type_hiraya .onboxImg{
    width: 52.4rem;
    height: 17.8rem;
    left: calc(50% - 26.2rem);
    bottom: calc(0% - 7.1rem);
}

.secLineupContent .Unerbox{
    margin-top: 10.5rem;
}
.secLineupContent .underInner{
    width: 100%;
    position: relative;
    padding-right:15rem;
}
.secLineupContent .tagbox{
    width: 100%;
}
.secLineupContent .taglist{
    display: flex;
}
.secLineupContent .tagitem{
    display: inline-block;
    text-align: center;
    min-width: 12rem;
    border-radius: 1.4rem;
    border: 1px solid;
    border-color: var(--colorWhite_25);
}
.secLineupContent .tagitem + .tagitem{
    margin-left: 1rem;
}
.secLineupContent .tagtxt{
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_20);
    padding: 0.3rem 1rem;
}
@media only screen and (min-width:1216px){
    .secLineupContent .secMore_style{
        position: absolute;
        right: 0.4rem;
        top: 0.4rem;
        width: 19.3rem;
    }
    .secLineupContent .secMore_style .line_In{
        max-width: 12rem;
    }
}
.secLineupContent .secMore_style .line_In::before,
.secLineupContent .secMore_style .line_In::after,
.secLineupContent .secMore_style .line_In{
    background-color: #fff;
}
@media only screen and (max-width:1215px){
    /* secLineup */
    .secLineup{
        margin-top: 5rem;
    }

    /* secLineupContent */
    .secLineupContent{
        margin-top: 1.1rem;
        width: calc(355 / 375 * 100%);
        z-index: 10;
        margin-left: auto;
    }
    .secLineupContent::after{
        width: 100%;
        border-radius: 2rem 0 0 0;
    }
    .secLineupContent.lazyloaded::after{
        background-image: url(../img/index/img_Lineup_bg_sp.jpg);
        background-size: cover;
    }
    .secLineupContent .Inner{
        padding: 2rem;
        padding-bottom: 5rem;
    }
    .secLineupContent .lineup_listbox{
        border-radius:0;
    }
    .secLineupContent .list{
        display: block;
    }
    .secLineupContent .item{
        width:100%;
        margin-right: 0;
    }
    .secLineupContent .item + .item{
        margin-top: 3.6rem;
    }
    .secLineupContent .OnbackImg{
        height: 100%;
        padding-top:0;
        border-radius: 2rem 0.2rem 0.2rem 0.2rem;
        position: absolute;
        left: 0;
        top: 0;
    }
    .secLineupContent .OnInner{
        position: relative;
        height:auto;
    }
    .secLineupContent .txtbox{
        padding-top: 2.4rem;
        padding-bottom: calc(6rem + (52 / 375 * 100vw));
    }
    .secLineupContent .type_hiraya .txtbox{
        padding-bottom: calc(7.3rem + (39 / 375 *100vw));
    }
    .secLineupContent .ontit{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
    }
    .secLineupContent .engtit{
        font-size: var(--spFontSize25);
        line-height: var(--spLineHeight25_30);
        margin-top: 0.3rem;
    }
    .secLineupContent .ontxt{
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_18);
        margin-top: 1rem;
    }
    .secLineupContent .type_premium .onboxImg{
        width: calc(241 / 375 * 100vw);
        height: calc(106 / 375 * 100vw);
        left: calc(50% - calc(241 / 375 * 100vw / 2));
        bottom: calc(0% - calc(53 / 375 * 100vw));
    }
    .secLineupContent .type_hiraya .onboxImg{
        width: calc(268 / 375 * 100vw);
        height: calc(91 / 375 * 100vw);
        left: calc(50% - calc(268 / 375 * 100vw / 2));
        bottom: calc(0% - calc(54 / 375 * 100vw));
    }

    .secLineupContent .Unerbox{
        margin-top: calc((53 / 375 * 100vw) + 1.5rem);
    }
    .secLineupContent .type_hiraya .Unerbox{
        margin-top: calc((56 / 375 * 100vw) + 1.2rem);
    }
    .secLineupContent .underInner{
        width: 100%;
        position: relative;
        padding-right:0;
    }
    .secLineupContent .tagbox{
        width: 100%;
    }
    .secLineupContent .taglist{
        justify-content: center;
    }
    .secLineupContent .tagitem{
        min-width: 8rem;
    }
    .secLineupContent .tagtxt{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_14);
        padding: 0.6rem 0.5rem;
    }
    .secLineupContent .secMore_style{
        max-width: 19.3rem;
        margin: 0 auto;
        margin-top: 1rem;
    }
    .secLineupContent .secMore_style .line_In{
        max-width: 12rem;
    }
}
.secLineupContent .lineup_listbox + .secIndexMorebtn{
    margin-top: 7rem;
}
@media only screen and (max-width:1215px){
    .secLineupContent .lineup_listbox + .secIndexMorebtn{
        margin-top: 2.5rem;
    }
    .secLineupContent .lineup_listbox + .secIndexMorebtn .more_txtIn{
        padding-right: calc(1rem + 8rem);
    }
    .secLineupContent .lineup_listbox + .secIndexMorebtn .lineIn{
        width: 8rem;
    }
}


/* secPerformance */
.secPerformance{
    margin-top: 16rem;
}
.secPerformance .secIndexTitle{
    text-align: center;
    color: #fff;
}
.secPerformance .performancebox{
    margin-top: 9.4rem;
    color: #fff;
}
.secPerformance .performancelist{
    display: flex;
    justify-content: center;
}
.secPerformance .performanceitem{
    width:43rem;
}
@media only screen and (min-width:1216px){
    .secPerformance .performanceitem + .performanceitem{
        margin-left: -4rem;
    }
}
.secPerformance .itemIn{
    width: 43rem;
    height: 43rem;
    display: flex;
    align-items: center;
    border-radius: 50%;
    border: 1px solid;
    border-color: var(--colorWhite_70);
}
.secPerformance .itembox{
    display: inline-block;
    width: 100%;
    position: relative;
    text-align: center;
}
.secPerformance .itemEngbox{
    position: absolute;
    width: 100%;
    text-align: center;
    height: 5.3rem;
    top: 1.5rem;
}
.secPerformance .itemEngbox img{
    max-width: 100%;
    width: auto;
    height: 2.5rem;
}
.secPerformance .performanceitem:nth-child(n + 2) .itemEngbox img{
    height:2.2rem;
}
.secPerformance .itemEngbox::after{
    content: "";
    position: absolute;
    width: 5rem;
    height: 1px;
    background-color: #fff;
    left: calc(50% - 2.5rem);
    bottom: 0;
}
.secPerformance .itemtxtbox{
    padding-top: 8.4rem;
    text-align: center;
}
.secPerformance .itemtxt{
    font-size: var(--pcFontSize35);
    line-height: var(--pcLineHeight35_60);
    font-weight: bold;
}
@media only screen and (max-width:1215px){
    .secPerformance{
        margin-top: 5rem;
    }
    .secPerformance .secIndexTitle{
        text-align: center;
        color: #fff;
    }
    .secPerformance .performancebox{
        margin-top: 2.3rem;
    }
    .secPerformance .performancelist{
        flex-wrap: wrap;
    }
    .secPerformance .performanceitem{
        width:calc(170 / 375 * 100vw);
    }
    .secPerformance .performanceitem:nth-child(1){
        margin: 0 auto;
    }
    .secPerformance .performanceitem:nth-child(2){
        margin: 0;
        margin-top: calc(0% - (56 / 375 * 100vw));
    }
    .secPerformance .performanceitem:nth-child(3){
        margin-left: calc(0% - (27 / 375 * 100vw));
        margin-top: calc(0% - (56 / 375 * 100vw));
    }
    .secPerformance .itemIn{
        width: calc(170 / 375 * 100vw);
        height: calc(170 / 375 * 100vw);
    }
    .secPerformance .performanceitem:nth-child(1) .itemIn{
        padding-bottom: calc(25 / 375 * 100vw);
    }
    .secPerformance .performanceitem:nth-child(2) .itemIn{
        padding-top: calc(20 / 375 * 100vw);
    }
    .secPerformance .performanceitem:nth-child(3) .itemIn{
        padding-top: calc(20 / 375 * 100vw);
    }
    .secPerformance .itemEngbox{
        display: none;
    }
    .secPerformance .itemtxtbox{
        padding-top: 0;
    }
    .secPerformance .itemtxt{
        font-size: var(--spFontSize15);
        line-height: var(--spLineHeight15_28);
    }
}
/* ▼lineup非表示用 */
.secPerformance{
    margin-top: 0;
}
@media only screen and (max-width:374px){
    .secPerformance .performanceitem:nth-child(3){
        margin-left: calc(0% - (35 / 375 * 100vw));
    }
}
/* ▼アニメーション */
.secPerformance .animation_01.jsShow{
    animation: fadeInUp 1s ease-out 0.3s both;
}
.secPerformance .animation_02.jsShow{
    animation: fadeInUp 1s ease-out 0.7s both;
}
.secPerformance .animation_03.jsShow{
    animation: fadeInUp 1s ease-out 1.1s both;
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.secPerformance .secIndexMorebtn{
    margin-top: 10rem;
}
@media only screen and (max-width:1215px){
    .secPerformance .secIndexMorebtn{
        margin-top: 3rem;
    }
}

/* secWorks */
.secWorks{
    margin-top: 13rem;
}

#WorksSlider{
    margin-top: 4.4rem;
}
@media only screen and (min-width:1216px){
    #WorksSlider.disabled .swiper-slide{
        width: 48rem;
    }
    #WorksSlider.disabled .swiper-slide + .swiper-slide{
        margin-left: 4rem;
    }
}
#WorksSlider .swiper{
    overflow: visible;
}
#WorksSlider .swiper-slide{
    height: auto;
}
#WorksSlider .workslink{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: visible;
    padding-bottom: 4.4rem;
}
#WorksSlider .secNewIcon{
    top: calc(0% - 2.2rem);
    right: 2rem;
}
#WorksSlider .linkInner{
    width: 100%;
}
#WorksSlider .imgArea{
    border-radius: 0.4rem;
}
#WorksSlider .imgBox{
    width: 100%;
    height: 0;
    padding-top: calc(480 / 480 * 100%);
    border-radius: 0.4rem;
    overflow: hidden;
    z-index: 1;
}
#WorksSlider .txtArea{
    text-align: left;
    width: 100%;
    margin-top: 2.4rem;
}
#WorksSlider .tit{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_34);
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: calc(var(--pcFontSize20) * var(--pcLineHeight20_34) * 2);
}
#WorksSlider .tagbox{
    width: 100%;
    margin-top: 1.6rem;
}
#WorksSlider .taglist{
    display: block;
    overflow: hidden;
    max-height: calc(var(--pcFontSize13) * var(--pcLineHeight13_20) * 2 + (0.5rem * 2) + 0.4rem);
}
#WorksSlider .tags{
    display: inline-block;
    margin: 0.5rem 0.5rem 0 0;
    white-space: nowrap;
    max-width: 100%;
    position: relative;
}
#WorksSlider .tagtxt{
    position: relative;
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_20);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    vertical-align: middle;
}
#WorksSlider .tagtxt::before{
    content: "";
    width: calc(var(--pcFontSize13) * var(--pcLineHeight13_20));
    height: calc(var(--pcFontSize13) * var(--pcLineHeight13_20));
    border-radius: 50%;
    display: inline-block;
    vertical-align: sub;
    margin-right: 0.5rem;
}
#WorksSlider.lazyloaded .tagtxt::before{
    background: url(../img/common/img_tag_icon.png) no-repeat center center var(--priceColor);
    background-size: 0.8rem auto;
}
#WorksSlider .secMore_style{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}
@media only screen and (max-width:1215px){
    .secWorks{
        margin-top: 5rem;
    }
    #WorksSlider{
        margin-top: 1.3rem;
    }
    #WorksSlider.disabled .swiper-slide{
        width: calc(240 / 375 * 100vw);
    }
    #WorksSlider .workslink{
        padding-bottom: 3.3rem;
    }
    #WorksSlider .secNewIcon{
        top: calc(0% - 0.5rem);
        right: 0.5rem;
    }
    #WorksSlider .imgArea{
        border-radius: 0.2rem;
    }
    #WorksSlider .imgBox{
        border-radius: 0.2rem;
    }
    #WorksSlider .txtArea{
        margin-top: 1.6rem;
    }
    #WorksSlider .tit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_24);
        max-height: calc(var(--spFontSize13) * var(--spLineHeight13_24) * 2);
    }
    #WorksSlider .tagbox{
        margin-top: 0.2rem;
    }
    #WorksSlider .taglist{
        max-height: calc(var(--pcFontSize13) * var(--pcLineHeight13_20) * 2 + (0.5rem * 2) + 0.4rem);
    }
    #WorksSlider .tagtxt{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_20);
    }
    #WorksSlider .tagtxt::before{
        width: calc(var(--spFontSize11) * var(--spLineHeight11_20));
        height: calc(var(--spFontSize11) * var(--spLineHeight11_20));
        vertical-align: bottom;
        margin-right: 0.3rem;
    }
    #WorksSlider .secMore_style{
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
    }
    #WorksSlider .secMore_style .secMore_txt{
        padding-right: 1rem;
    }
}
#WorksSlider .swiper-scrollbar{
    position: relative;
    width: 100%;
    left: 0;
    height: 1px;
    bottom: 0;
    margin-top: 6rem;
    background-color: var(--colorText_25);
}
#WorksSlider .swiper-scrollbar-drag{
    background-color: var(--textColor);
}
.secWorks .secIndexMorebtn{
    margin-top: 6rem;
}
@media only screen and (max-width:1215px){
    #WorksSlider .swiper-scrollbar{
        margin-top: 2.4rem;
    }
    .secWorks .secIndexMorebtn{
        margin-top: 3rem;
    }
}

/* secVoice */
.secVoice{
    margin-top: 15rem;
    background-color: var(--bgVoiceColor);
}
.secVoice .Inner{
    padding-top: 15rem;
    padding-bottom: 15rem;
}
.secVoice .secIndexTitle{
    position: relative;
}
.secVoice .secIndexTitle .voice_eng_tit {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: var(--pcFontSize9);
    line-height: var(--pcLineHeight9_18);
    letter-spacing: var(--pcLetterSpacing9_275);
}
@media only screen and (max-width:1215px){
    .secVoice .secIndexTitle .voice_eng_tit {
        display: none;
    }
}

#VoiceSlide{
    margin-top: 4.5rem;
}
#VoiceSlide .swiper{
    overflow: visible;
}
@media only screen and (min-width:1216px){
    #VoiceSlide.disabled .swiper-slide{
        width: calc((100% - 12rem) / 4);
    }
    #VoiceSlide.disabled .swiper-slide + .swiper-slide{
        margin-left: 4rem;
    }
}
#VoiceSlide .voiceLink{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: visible;
    padding-bottom: 3.6rem;
}
#VoiceSlide .secNewIcon{
    right: 1.5rem;
    top: calc(0% - 2.2rem);
}
#VoiceSlide .linkInner{
    width: 100%;
}
#VoiceSlide .imgArea{
    width: 100%;
    border-radius: 0.4rem;
    box-shadow: 0 0 0.5rem 0.1rem var(--colorBlack_15);
}
#VoiceSlide .imgBox{
    width: 100%;
    height: 0;
    padding-top: calc(300 / 300 * 100%);
    border-radius: 0.4rem;
    overflow: hidden;
    z-index: 1;
}
#VoiceSlide .txtArea{
    text-align: left;
    width: 100%;
    margin-top: 3rem;
}
#VoiceSlide .areaBox{
    max-width: 100%;
}
#VoiceSlide .area_In{
    min-width: 6rem;
    max-width: 100%;
    display: inline-block;
    background-color: var(--areaColor);
    color: #fff;
}
#VoiceSlide .area_txt{
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_20);
    font-weight: bold;
    padding: 0.3rem 1.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
#VoiceSlide .tit{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_34);
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: calc(var(--pcFontSize20) * var(--pcLineHeight20_34) * 2);
    margin-top: 1.1rem;
}
#VoiceSlide .namebox{
    margin-top: 0.4rem;
}
#VoiceSlide .nametxt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_30);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#VoiceSlide .secMore_style{
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 4rem);
}
@media only screen and (max-width:1215px){
    .secVoice{
        margin-top: 5rem;
    }
    .secVoice .Inner{
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    #VoiceSlide{
        margin-top: 1.2rem;
    }
    #VoiceSlide .swiper{
        width: calc(315 / 375 * 100vw);
        margin-left: 0;
    }
    #VoiceSlide.disabled .swiper-slide{
        width: calc((100% - 1.5rem) / 2);
    }
    #VoiceSlide.disabled .swiper-slide + .swiper-slide{
        margin-left: 1.5rem;
    }
    #VoiceSlide .voiceLink{
        padding-bottom:3rem;
    }
    #VoiceSlide .secNewIcon{
        right: 0.5rem;
        top: calc(0% - 0.5rem);
    }
    #VoiceSlide .imgArea{
        border-radius: 0.2rem;
    }
    #VoiceSlide .imgBox{
        border-radius: 0.2rem;
    }
    #VoiceSlide .txtArea{
        margin-top: 2rem;
    }
    #VoiceSlide .area_txt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_20);
        padding: 0.3rem 1rem;
    }
    #VoiceSlide .tit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_24);
        max-height: calc(var(--spFontSize13) * var(--spLineHeight13_24) * 2);
        margin-top: 0.8rem;
    }
    #VoiceSlide .namebox{
        margin-top: 0.3rem;
    }
    #VoiceSlide .nametxt{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_20);
    }
    #VoiceSlide .secMore_style{
        width: 100%;
    }
    #VoiceSlide .secMore_style .line_In{
        max-width: 5rem;
    }
}
#VoiceSlide .swiper-scrollbar{
    position: relative;
    width: 100%;
    left: 0;
    height: 1px;
    bottom: 0;
    margin-top: 6rem;
    background-color: var(--colorText_25);
}
#VoiceSlide .swiper-scrollbar-drag{
    background-color: var(--textColor);
}
.secVoice .secIndexMorebtn{
    margin-top: 6rem;
}
@media only screen and (max-width:1215px){
    #VoiceSlide .swiper-scrollbar{
        margin-top: 2.6rem;
    }
    .secVoice .secIndexMorebtn{
        margin-top: 3rem;
    }
}

/* secNews */
.secNews{
    margin-top: 20rem;
}
.secNews .Inner{
    display: flex;
    align-items: center;
}
.secNews .titlebox{
    width: 32rem;
    padding-right: 3rem;
}
.secNews .listArea{
    flex: 1;
    width: calc(100% - 32rem);
}
.secNews .list{
    width: 100%;
    border-top: 1px solid;
    border-color: var(--newsBorderColor);
}
.secNews .item{
    border-bottom: 1px solid;
    border-color: var(--newsBorderColor);
}
.secNews .newslink{
    position: relative;
    width: 100%;
    display: block;
    padding-left:calc(4.4rem + 2rem);
}
.secNews .secNewIcon{
    left: 0;
    top: calc(50% - 2.2rem);
}
.secNews .Newsinner{
    position: relative;
    padding-right: 20rem;
}
.secNews .txtArea{
    width: 100%;
    padding: 3.5rem 0;
}
.secNews .daysbox{
    max-width: 100%;
}
.secNews .daystxt{
    font-size: var(--pcFontSize12);
    line-height: var(--pcLineHeight12_20);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing:var(--pcLetterSpacing12_150);
}
.secNews .tit{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_34);
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: calc(var(--pcFontSize20) * var(--pcLineHeight20_34) * 2);
}
.secNews .daysbox + .tit{
    margin-top: 0;
}
.secNews .tagbox{
    width: 100%;
    margin-top: 0;
}
.secNews .taglist{
    display: block;
    overflow: hidden;
    max-height: calc(var(--pcFontSize13) * var(--pcLineHeight13_20) * 2 + (0.5rem * 2) + 0.4rem);
}
.secNews .tags{
    display: inline-block;
    margin: 0.3rem 0.5rem 0 0;
    white-space: nowrap;
    max-width: 100%;
    position: relative;
}
.secNews .tagtxt{
    position: relative;
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_20);
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    vertical-align: middle;
}
.secNews .tagtxt::before{
    content: "";
    width: calc(var(--pcFontSize13) * var(--pcLineHeight13_20));
    height: calc(var(--pcFontSize13) * var(--pcLineHeight13_20));
    border-radius: 50%;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 0.5rem;
}
.secNews.lazyloaded .tagtxt::before{
    background: url(../img/common/img_tag_icon.png) no-repeat center center var(--priceColor);
    background-size: 0.8rem auto;
}
.secNews .secMore_style{
    position: absolute;
    right: 0;
    width: 17.3rem;
    top: calc(50% - 1rem);
}
.secNews .secMore_style .line_In{
    max-width: 10rem;
}
.secNews .secIndexMorebtn{
    margin-top: 6rem;
}
@media only screen and (max-width:1215px){
    .secNews{
        margin-top: 5rem;
    }
    .secNews .Inner{
        display: block;
    }
    .secNews .titlebox{
        width: 100%;
        padding-right: 0;
    }
    .secNews .listArea{
        width: 100%;
        margin-top: 1.3rem;
    }
    .secNews .list{
        border-color: var(--colorText_25);
    }
    .secNews .item{
        border-color: var(--colorText_25);
    }
    .secNews .newslink{
        padding-left:0;
    }
    .secNews .secNewIcon{
        left: auto;
        right: 0;
        top: calc(0% - 1.6rem);
    }
    .secNews .Newsinner{
        padding-right: 0;
    }
    .secNews .txtArea{
        padding: 1.5rem 0 1.8rem;
    }
    .secNews .daystxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
    }
    .secNews .tit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_24);
        max-height: calc(var(--spFontSize13) * var(--spLineHeight13_24) * 2);
    }
    .secNews .daysbox + .tit{
        margin-top: 0;
    }
    .secNews .tagbox{
        margin-top: 0;
        max-width: calc(100% - 16rem);
    }
    .secNews .taglist{
        display: block;
        overflow: hidden;
        max-height: calc(var(--spFontSize11) * var(--spLineHeight11_20) * 2 + (0.5rem * 2) + 0.4rem);
    }
    .secNews .tagtxt{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_20);
    }
    .secNews .tagtxt::before{
        width: calc(var(--spFontSize11) * var(--spLineHeight11_20));
        height: calc(var(--spFontSize11) * var(--spLineHeight11_20));
        vertical-align: bottom;
        margin-right: 0.3rem;
    }
    .secNews .secMore_style{
        width: 15rem;
        top: auto;
        bottom: 1.9rem;
    }
    .secNews .secMore_style .line_In{
        max-width: 5rem;
    }
    .secNews .secIndexMorebtn{
        margin-top: 3rem;
    }
    .secNews .secMore_style .secMore_txt{
        font-size: var(--spFontSize11);
    }
}
@media only screen and (max-width:374px){
    .secNews .secIndexMorebtn .more_txtIn{
        padding-right: calc(10rem + 1rem);
    }
    .secNews .secIndexMorebtn .lineIn{
        width: 10rem;
    }
}

/* secAboutUs */
.secAboutUs{
    margin-top: 20rem;
}
.secAboutUs .aboutContent{
    position: relative;
    min-height: 135rem;
}
.secAboutUs .aboutContent::after{
    content: "";
    position: absolute;
    width: calc(132rem + ((100% - 132rem) / 2) + 6rem);
    height: 100%;
    right: 0;
    top: 0;
    border-radius: 5rem 0 0 0;
}
.secAboutUs.lazyloaded .aboutContent::after{
    background: url(../img/index/img_AboutUs_bg.jpg) no-repeat center top;
}
.secAboutUs .aboutInner{
    position: relative;
    z-index: 2;
    padding-top: 15rem;
}
.secAboutUs .secIndexTitle{
    text-align: center;
}

.secAboutUs .abouttxtbox{
    width: 100%;
    position: relative;
    padding-left: 14rem;
    margin-top: 18.3rem;
}
.secAboutUs .abouttit{
    font-size: var(--pcFontSize50);
    line-height: var(--pcLineHeight50_90);
    font-weight: bold;
}
.secAboutUs .abouttit_eng{
    font-size: var(--pcFontSize12);
    line-height: var(--pcLineHeight12_20);
    margin-top: 3rem;
    letter-spacing: var(--pcLetterSpacing12_300);
}
.secAboutUs .abouttxt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_55);
    margin-top: 2.7rem;
}
.secAboutUs .abourbnrbox{
    width: 80rem;
}
@media only screen and (min-width:1216px){
    .secAboutUs .abourbnrbox{
        position: absolute;
        top: 2.1rem;
        right: calc(0% - ((100vw - 132rem) / 2));
    }
}
.secAboutUs .bnrlist{
    width: 100%;
}
.secAboutUs .bnrItem + .bnrItem{
    margin-top: 4rem;
}
.secAboutUs .bnrLink{
    display: block;
    width: 100%;
    position: relative;
    border-radius: 0.4rem 0 0 0.4rem;
    box-shadow: 0 0 0.5rem 0.1rem var(--colorBlack_15);
    overflow: visible;
    color: #fff;
}
.secAboutUs .bnrInner{
    position: relative;
    width: 100%;
}
.secAboutUs .bnrImg{
    width: 100%;
    height: 0;
    padding-top: calc(250 / 800 * 100%);
    border-radius: 0.4rem 0 0 0.4rem;
    overflow: hidden;
    z-index: 1;
}
.secAboutUs .bnrImg::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--colorText_50);
    left: 0;
    top: 0;
}
.secAboutUs .txtArea{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: flex-end;
    padding: 3rem 4rem;
    z-index: 3;
}
.secAboutUs .txtIn{
    display: inline-block;
    width: 100%;
    text-align: left;
}
.secAboutUs .imgtxt{
    display: inline-block;
}
.secAboutUs .imgtxt img{
    width: auto;
    height:2.6rem;
}
.secAboutUs .bnrtxt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_30);
    text-align: left;
    letter-spacing: var(--pcLetterSpacing15_50); 
    margin-top: 0.7rem;
}
@media only screen and (max-width:1640px){
    .secAboutUs .abouttxtbox{
        padding-left: 7rem;
    }
}
@media only screen and (max-width:1215px){
    .secAboutUs{
        margin-top: 5rem;
    }
    .secAboutUs .aboutContent{
        min-height: 0;
        width: calc(355 / 375 *100%);
        margin-left: auto;
        padding-bottom: 5rem;
    }
    .secAboutUs .aboutContent::after{
        width:100%;
        border-radius: 2.5rem 0 0 0;
    }
    .secAboutUs.lazyloaded .aboutContent::after{
        background-image: url(../img/index/img_AboutUs_bg_sp.jpg);
        background-size: cover;
        background-position: center bottom;
    }
    .secAboutUs .aboutInner{
        padding: 0;
        padding-top: 5rem;
    }
    .secAboutUs .secIndexTitle{
        text-align: center;
    }
    .secAboutUs .abouttxtbox{
        padding: 0;
        margin-top: 3.3rem;
        text-align: center;
    }
    .secAboutUs .abouttit{
        font-size: var(--spFontSize25);
        line-height: var(--spLineHeight25_45);
    }
    .secAboutUs .abouttit_eng{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_28);
        margin-top: 0.8rem;
        letter-spacing: var(--spLetterSpacing11_200);
    }
    .secAboutUs .abouttxt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_40);
        margin-top: 2rem;
    }
    .secAboutUs .abourbnrbox{
        width: calc(100% - 8rem);
        min-width: 27.5rem;
        margin: 0 auto;
        margin-top: 1.6rem;
    }
    .secAboutUs .bnrlist{
        width: 100%;
    }
    .secAboutUs .bnrItem + .bnrItem{
        margin-top: 2rem;
    }
    .secAboutUs .bnrLink{
        border-radius: 0.5rem;
    }
    .secAboutUs .bnrImg{
        border-radius: 0.5rem;
    }
    .secAboutUs .txtArea{
        align-items: center;
        padding: 1rem;
    }
    .secAboutUs .txtIn{
        text-align: center;
    }
    .secAboutUs .imgtxt img{
        height:1.2rem;
    }
    .secAboutUs .bnrtxt{
        font-size: var(--spFontSize15);
        line-height: var(--spLineHeight15_20);
        text-align: center;
        margin-top: 0.7rem;
    }
}