@charset "utf-8";

/*-----------------------------------------------
    index
-----------------------------------------------*/
/* secContactBnr */
.secContactBnr{
    margin-top: 15rem;
}
.secContactBnr .bnrlink{
    display: block;
    border-radius:0.5rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
@media only screen and (max-width:1215px){
    .secContactBnr{
        margin-top: 5rem;
    }
    .secContactBnr .bnrlink{
        border-radius:1rem;
        max-width: 67rem;
        margin: 0 auto;
    }
}

/* secHero */
.secHero{
    position: relative;
}
.secHero .heroInner{width: 100%;overflow: hidden;}
.secHero .leftbox{
    width: calc((1800 / 1920) * 100vw);
    height: calc((870 / 1920) * 100vw);
    position: relative;
}
.secHero .leftbox .backSlide{
    position: absolute;
    width: 100%;
    height: 100%;
}
#heroSlide{
    width: 100%;
    height: 100%;
}
#heroSlide .swiper{
    overflow: hidden;
    width: 100%;
    border-radius:0 2.5rem 2.5rem 0;
}
#heroSlide .slideImg{
    width: 100%;
}

.secHero .txtInner{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 5rem 5.7rem;
    position: relative;
    z-index: 12;
}
.secHero .titleIn{
    display: inline-block;
    color: var(--linkColor);
}
.secHero .title{
    font-size: var(--pcFontSize55);
    line-height: var(--pcLineHeight55_88);
    font-weight: bold;
}
.secHero .title .color_key{
    color: var(--keyColor);
}
.secHero .subtitle{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_44);
    font-weight: bold;
    margin-top: 0.9rem;
    letter-spacing: var(--pcLetterSpacing18_25);
}
.secHero .img{
    width: 100%;
    height: 0;
    padding-top: calc((870 / 1800) * 100%);
}
/* ▼ページャー */
.secHero .boxSliderPager{
    position: absolute;
    bottom: calc(50% + 7.9rem);
    right: calc((0% - ((120 / 1920) * 100vw)) + (6rem - 1.3rem));
    z-index: 15;
    width: 2.6rem;
}
.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;
    transform: rotate(90deg);
}
.secHero .boxSliderPager button:last-child {
    margin-right: 0;
}
.secHero .boxSliderPager button svg circle {
    opacity: 0;
    fill: transparent;
    stroke: var(--keyColor);
    stroke-width: 1;
    stroke-dasharray: 0 78.5;
    will-change: stroke-dasharray;
}
.secHero .boxSliderPager button[aria-selected="true"] span{
    opacity: 1;
    background-color: var(--keyColor);
}
@media only screen and (max-width:1215px){
    .secHero .boxSliderPager button svg circle {
        stroke: var(--textColor);
    }
    .secHero .boxSliderPager button[aria-selected="true"] span{
        background-color: var(--textColor);
    }
}
.secHero .boxSliderPager button[aria-selected="true"] svg circle {
    opacity: 1;
    animation-name: loading;
    animation-duration: 10000ms;
    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: var(--heroPagerColor);
    border-radius: 50%;
    pointer-events: none;
}

/* secScroll */
.secScroll{
    width: 0.1rem;
    height: auto;
    padding-top: calc(6.3rem + 1rem);
    position: absolute;
    bottom: calc(50% - 18rem);
    right: calc((0% - ((120 / 1920) * 100vw)) + 6rem);
    margin: 0 auto;
    z-index: 10;
}
.secScroll .imgscrolltxt{
    width: 1rem;
    height: 6.3rem;
    position: absolute;
    left: calc(50% - 0.5rem);
    top: 0;
}
.secScroll .scrollInner{
    position: relative;
    width: 0.1rem;
    height:15rem;
}
.secScroll .lineScroll01{
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: var(--ColorBlack_20);
}
.secScroll .lineScroll02{
    position: relative;
    z-index: 20;
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(to bottom, 
        var(--textColor) 0%,
        var(--textColor) 50%,
        var(--ColorWhite) 50%,
        var(--ColorWhite) 100%
    );
    background-size: 100% 200%;
    animation: scrolldown 2.2s cubic-bezier(0.76, 0, 0.3, 1) infinite;
}
@keyframes scrolldown {
    0%{
        background-position: 0 100%;
    }
    75%{
        background-position: 0 0;
    }
    100%{
        background-position: 0 -100%;
    }
}
@media only screen and (max-width:1215px){
    .secHero .img{
        height: 100%;
        padding: 0;
    }
    .secHero{
        position: relative;
        margin-top: 1.9rem;
    }
    .secHero .leftbox .backSlide{
        bottom: 0;
    }
    .secHero .heroInner{
        padding-bottom: 5rem;
    }
    .secHero .leftbox{
        width:100%;
        height: auto;
    }
    #heroSlide{
        width: 100%;
        height: 100%;
    }
    #heroSlide .swiper{
        border-radius:0;
        height: 100%;
    }
    #heroSlide .slideImg{
        width: 100%;
    }
    .secHero .txtInner{
        height: auto;
        display: block;
        padding: 0;
        padding-top: 5.3rem;
        padding-bottom: 73vw;
    }
    .secHero .titleIn{
        display: block;
        padding: 0 4rem;
    }
    .secHero .title{
        font-size: var(--spFontSize28);
        line-height: var(--spLineHeight28_44);
    }
    .secHero .subtitle{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_30);
        margin-top: 0.2rem;
    }
    /* ▼ページャー */
    .secHero .boxSliderPager{
        position: absolute;
        bottom: calc(0% - 4.3rem);
        right:auto;
        left: 0;
        width:100%;
        padding: 0 calc(((20 / 375) * 100%) - 4px);
    }
    .secHero .boxSliderPager button {
        display: inline-block;
        position: relative;
        width:18px;
        height: 18px;
        background-color: transparent;
        border: 0px;
        cursor: pointer;
        transition: 400ms ease;
        padding: 0;
        margin: 4px;
    }
    /* secScroll */
    .secScroll{
        display: none;
    }
}
/* secPickup */
.secPickup{
    width: 100%;
    overflow: hidden;
    margin-top: 7rem;
}
.secPickup .pickupInner{
    padding:0 calc(130 / 1920 * 100vw);
    position: relative;
}
@media only screen and (min-width:1216px){
    .secPickup .pickupInner::after{
        content: "";
        position: absolute;
        width: calc((130 / 1920 * 100vw) - 2.5rem);
        height: 100%;
        top: 0;
        left: 0;
        z-index: 10;
        background: var(--ColorWhite);
        pointer-events: all;
    }
}
.secPickup .titbox{
    position: absolute;
    top: 0;
    left: calc((56 / 1920) * 100vw);
    width: 2.3rem;
    height: 30.2rem;
    z-index: 20;
    pointer-events: all;
    background: var(--ColorWhite);
}
#PickupSlide{
    width: 100%;
    position: relative;
    padding-bottom: 5.4rem;
}
#PickupSlide .swiper{
    width:76rem;
    margin-left: 0;
    overflow: visible;
}
@media only screen and (min-width:1216px){
    #PickupSlide.disabled .swiper{
        max-width: calc((76rem * 2) + 3rem);
        width: 100%;
    }
    #PickupSlide.disabled .swiper-slide{
        width: calc((100% - 3rem) / 2);
    }
    #PickupSlide.disabled .swiper-slide + .swiper-slide{
        margin-left: 3rem;
    }
}
#PickupSlide .swiper::after{
    content: "";
    display: block;
    position: absolute;
    width: calc(130 / 1920 * 100vw);
    height: calc(100% + 5rem);
    background-color: var(--ColorWhite);
    top: 0;
    left: calc(0% - ((130 / 1920) * 100vw));
    z-index: 10;
    pointer-events: all;
}
#PickupSlide .bnrlink{
    display: block;
    position: relative;
    overflow: visible;
    width: 100%;
}
#PickupSlide .bnrlink::after{
    content: "";
    position: absolute;
    width:3rem;
    height: 3rem;
    border-radius: 50%;
    border: 0.1rem solid;
    border-color: var(--ColorWhite);
    background-color: var(--linkColor);
    bottom: calc(0% - 1.5rem);
    right:4rem;
    z-index: 2;
}
#PickupSlide.lazyloaded .bnrlink::after{
    background: url(../img/index/imgPickuplinkArrow.png) center center no-repeat var(--linkColor);
    background-size: 0.9rem auto;
}
#PickupSlide .bnrlink.noIcon::after{
    display: none;
}
#PickupSlide .imgBox{
    overflow: hidden;
    z-index: 1;
    width: 100%;
    height: 0;
    padding-top: calc((300 / 760) * 100%);
}
#PickupSlide .swiper-button-prev,
#PickupSlide .swiper-button-next{
    width: 5rem;
    height: 5rem;
    position: absolute;
    border-radius: 50%;
    border: 0.1rem solid;
    border-color: var(--ColorWhite);
    background-color: var(--keyColor);
    z-index: 11;
}
#PickupSlide .swiper-button-prev{
    left: calc(0% - 2.5rem);
}
#PickupSlide .swiper-button-next{
    right: calc(0% - 2.5rem);
}
#PickupSlide .swiper-button-prev::after,
#PickupSlide .swiper-button-next::after{
    content: "";
    position: absolute;
    width: 0.8rem;
    height: 1.5rem;
    left: calc(50% - 0.4rem);
    top: calc(50% - 0.75rem);
}
#PickupSlide .swiper-button-prev.lazyloaded::after,
#PickupSlide .swiper-button-next.lazyloaded::after{
    background: url(../img/common/imgSlideIcon.png) center center no-repeat;
    background-size: 100% auto;
}
#PickupSlide .swiper-button-prev.lazyloaded::after{
    transform: scale(-1, 1);
}
#PickupSlide .swiper-pagination{
    margin: 0 auto;
    width: 138rem;
    height:0.5rem;
    background-color: var(--ColorBlack_10);
    position: absolute;
    left: calc(50% - 69rem);
    bottom: 0;
    display: flex;
    border-radius: 0.25rem;
}
#PickupSlide .swiper-pagination-bullet{
    background-color: var(--keyColor_0);
    flex: 1;
    border-radius: 0.25rem;
    margin: 0;
    height: 100%;
}
#PickupSlide .swiper-pagination-bullet-active{
    background-color: var(--keyColor);
}
@media only screen and (max-width:1620px){
    #PickupSlide .swiper-pagination{
        width: 100%;
        left: 0;
    }
}
@media only screen and (max-width:1215px){
    .secPickup{
        margin-top: 2.5rem;
        padding-bottom: 2rem;
    }
    .secPickup .pickupInner{
        padding:0;
        padding-left:5rem;
        position: relative;
    }
    .secPickup .pickupInner::after{
        content: "";
        position: absolute;
        width: 5rem;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 999;
        background-color: var(--ColorWhite);
    }
    .secPickup .titbox{
        left: 2rem;
        width:1.5rem;
        height:100%;
        z-index: 1000;
        background: var(--ColorWhite);
    }
    .secPickup .titbox .imgtit{
        width: 1.5rem;
        height: 7.3rem;
    }
    .secPickup .titbox:after{
        content: "";
        position: absolute;
        width: 0.1rem;
        height: calc(100% - (7.3rem + 1rem));
        bottom: 0;
        left: calc(50% - 0.05rem);
        background-color: var(--ColorBlack_10);
    }
    #PickupSlide{
        padding-bottom:0;
    }
    #PickupSlide .swiper{
        width:calc((305 / 375) * 100vw);
    }
    #PickupSlide .swiper::after{
        width: 5rem;
        height: calc(100% + 5rem);
        left: calc(0% - 5rem);
    }
    #PickupSlide .bnrlink::after{
        display: none;
    }
    #PickupSlide .swiper-button-prev,
    #PickupSlide .swiper-button-next{
        width: 3.5rem;
        height: 3.5rem;
        background-color: var(--ColorWhite);
        box-shadow: 0 0 0.768rem 0.032rem var(--ColorBlack_15);
        top: auto;
        bottom: calc(0% - 1.75rem);
    }
    #PickupSlide .swiper-button-prev{
        left:auto;
        right: calc(1rem + 3.5rem + 1rem);
    }
    #PickupSlide .swiper-button-next{
        right: 1rem;
    }
    #PickupSlide .swiper-button-prev::after,
    #PickupSlide .swiper-button-next::after{
        width: 0.6rem;
        height: 1.1rem;
        left: calc(50% - 0.3rem);
        top: calc(50% - 0.55rem);
    }
    #PickupSlide .swiper-button-prev.lazyloaded::after,
    #PickupSlide .swiper-button-next.lazyloaded::after{
        background-image: url(../img/common/imgSlideIcon_sp.png);
    }
    #PickupSlide .swiper-pagination{
        display: none;
    }
}
/* secIndextit */
.secIndextit{
    text-align: center;
}
.secIndextit .imgtit{
    margin: 0 auto;
}
.secIndextit .titJpn{
    font-size: var(--pcFontSize25);
    line-height: var(--pcLineHeight25_30);
    font-weight: bold;
    margin-top: 2.6rem;
}
@media only screen and (max-width:1215px){
    .secIndextit .titJpn{
        font-size: var(--spFontSize17);
        margin-top: 1.2rem;
    }
}
/* secReform */
.secReform{
    width: 100%;
    margin-top: 6.7rem;
    position: relative;
    z-index: 3;
}
.secReform .inner{
    padding: 0 3rem;
}
.secReform .secIndextit .imgtit{
    width: 38.2rem;
}
@media only screen and (max-width:1215px){
    .secReform{
        width: 100%;
        margin-top: 3rem;
    }
    .secReform .secIndextit .imgtit{
        width: 23rem;
    }
    .secReform .inner{
        padding: 0;
    }
}
/* secReform */
.secReform .menulist{
    display: flex;
    flex-wrap: wrap;
    margin-top: 4.6rem;
}
.secReform .item{
    width: calc((100% - 6rem) / 3);
    margin-right: 3rem;
}
@media only screen and (min-width:1216px){
    .secReform .item:last-child,
    .secReform .item:nth-child(3n){
        margin-right: 0;
    }
    .secReform .item:nth-child(n + 4){
        margin-top: 4rem;
    }
}
.secReform .link{
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    overflow: visible;
    background-color: var(--ColorWhite);
    box-shadow: 0 0 0.768rem 0.032rem var(--ColorBlack_15);
}
.secReform .imgArea{
    position: relative;
}
.secReform .imgBox{
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-top: calc((400 / 600) * 100%);
}
.secReform .txtbox{
    padding: 5rem 5rem;
    padding-top: 2.1rem;
    position: relative;
}
.secReform .txtIn{
    width: 100%;
}
.secReform .Onbox{
    display: flex;
    align-items: flex-end;
    border-bottom: 0.1rem solid;
    border-color: var(--linkColor_20);
    width: 100%;
    padding-bottom: 1.3rem;
}
.secReform .leftbox{
    flex: 1;
}
.secReform .Onbox:has(.rightbox .subtxt) .leftbox{
    max-width: calc(100% - 10rem);
}
.secReform .subtitimg{
    width: 9.9rem;
}
.secReform .tit{
    font-size: var(--pcFontSize28);
    line-height: var(--pcLineHeight28_35);
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: calc(var(--pcFontSize28) * var(--pcLineHeight28_35) * 2);
    margin-top: 1.6rem;
}
.secReform .rightbox{
    display: inline-block;
    max-width: 50%;
    padding-left: 1rem;
}
.secReform .subtxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_20);
    font-weight: bold;
}
@media only screen and (min-width:1216px){
    .secReform .subtxt{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .secReform .rightbox{
        min-width: 10rem;
        text-align: right;
    }
}
.secReform .pricebox{
    display: inline-block;
    position: absolute;
    right: 5rem;
    top: calc(0% - 5.8rem);
    padding-bottom: 1rem;
}
.secReform .taxbox{
    display: inline-block;
    position: relative;
    padding-left: calc(9rem + 1rem);
}
.secReform .taxbox:has(.taxleft:only-child){
    min-height: 8rem;
    min-width: 8rem;
}
.secReform .taxleft{
    width: 9rem;
    height: 9rem;
    position: absolute;
    left: 0;
    top: 0.7rem;
    display: flex;
    align-items: center;
    color: var(--ColorWhite);
    padding: 1rem;
}
.secReform.lazyloaded .taxleft{
    background: url(../img/index/imgOffback.png) center center no-repeat;
    background-size: 100% auto;
}
.secReform .leftIn{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: bold;
}
.secReform .taxleft .taxtxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_20);
}
.secReform .taxleft .offNum{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_30);
}
.secReform .taxleft .num{
    font-size: var(--pcFontSize30);
    line-height: var(--pcLineHeight30_30);
    vertical-align: bottom;
}
.secReform .taxleft .offtxt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_20);
}
.secReform .taxright{
    display: inline-block;
    position: relative;
    padding-right: 5rem;
}
.secReform .taxright .pricetxt{
    font-size: var(--pcFontSize108);
    line-height: var(--pcLineHeight108_108);
    font-weight: bold;
    color: var(--keyColor);
    display: inline;
}   
.secReform .taxright .fuchidori{
    text-shadow:0.2rem 0.2rem 0 var(--ColorWhite), -0.2rem -0.2rem 0 var(--ColorWhite),
    -0.2rem 0.2rem 0 var(--ColorWhite), 0.2rem -0.2rem 0 var(--ColorWhite),
    0 0.2rem 0 var(--ColorWhite),  0 -0.2rem 0 var(--ColorWhite),
    -0.2rem 0 0 var(--ColorWhite), 0.2rem 0 0 var(--ColorWhite);
}
.secReform .taxright .minitxt{
    font-size: var(--pcFontSize50);
}
.secReform .taxright .taxtit{
    position: absolute;
    right:0;
    bottom: 1.8rem;
}
.secReform .taxright .taxtit{
    width: auto;
    height: auto;
    font-size: var(--pcFontSize16);
    font-weight: bold;
    color: var(--keyColor);
}
.secReform .taxright .txtPrice{
    display: flex;
    flex-direction: column;
    text-shadow: 
    0.1rem 0.1rem 0 var(--ColorWhite),
    -0.1rem -0.1rem 0 var(--ColorWhite),
    0.1rem -0.1rem 0 var(--ColorWhite),
    -0.1rem 0.1rem 0 var(--ColorWhite),
    0 0.1rem 0 var(--ColorWhite),
    0 -0.1rem 0 var(--ColorWhite),
    -0.1rem 0 0 var(--ColorWhite),
    0.1rem 0 0 var(--ColorWhite);
}
.secReform .taxright .txtBig{
    margin-bottom: 0.4rem;
}
.secReform .freetax{
    margin-top: 0;
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
}
.secReform .f_taxtxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_20);
    color: var(--keyColor);
}
.secReform .undertxtbox{
    margin-top: 2rem;
}
.secReform .txt{
    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);
    font-weight: bold;
}
.secReform .morebox{
    width: 20rem;
    height: 5rem;
    background-color: var(--linkColor);
    color: var(--ColorWhite);
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 0.5rem 0 0 0;
    display: flex;
    align-items: center;
}
.secReform .moretxt{
    display: inline-block;
    text-align: center;
    width: 100%;
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_30);
}
.secReform .moretxt .moreIn{
    position: relative;
    display: inline-block;
    padding-right: calc(2.2rem + 1rem);
}
.secReform .moretxt .moreIn::after{
    content: "";
    position: absolute;
    width: 2.1rem;
    height: 2.1rem;
    right: 0;
    top: calc(50% - 1.05rem);
    border-radius: 50%;
    border: 0.1rem solid;
    border-color: var(--ColorWhite);
}
.secReform.lazyloaded .moretxt .moreIn::after{
    background: url(../img/index/imgPickuplinkArrow.png) center center no-repeat var(--linkColor);
    background-size: 0.7rem auto;
}
@media only screen and (max-width:1820px){
    .secReform .taxbox{
        padding-left: calc(8rem + 0.5rem);
    }
    .secReform .taxleft{
        width: 8rem;
        height: 8rem;
        padding: 0.5rem;
    }
    .secReform .taxright .pricetxt{
        font-size: var(--pcFontSize80);
    }
    .secReform .taxright .minitxt{
        font-size: var(--pcFontSize40);
    }
    .secReform .taxleft{
        top: 0;
    }
    .secReform .f_taxtxt{
        font-size: var(--pcFontSize13);
    }
    .secReform .taxleft .taxtxt{
        font-size: var(--pcFontSize12);
    }
    .secReform .taxleft .offNum,
    .secReform .taxleft .offtxt{
        font-size: var(--pcFontSize14);
    }
    .secReform .taxleft .num{
        font-size: var(--pcFontSize24);
    }
    .secReform .pricebox{
        top: calc(0% - 3rem);
    }
    .secReform .taxright{
        padding-right: 5rem;
    }
    .secReform .taxright .taxtit{
        bottom: 1.5rem;
    }
}
@media only screen and (max-width:1640px){
    .secReform .taxbox{
        padding-left: calc(7rem + 0.5rem);
    }
    .secReform .taxleft{
        width: 7rem;
        height: 7rem;
    }
    .secReform .taxright .pricetxt{
        font-size: var(--pcFontSize60);
    }
    .secReform .taxright .minitxt{
        font-size: var(--pcFontSize30);
    }
    .secReform .taxleft{
        top: 0;
    }
    .secReform .f_taxtxt{
        font-size: var(--pcFontSize12);
    }
    .secReform .taxleft .taxtxt{
        font-size: var(--pcFontSize11);
    }
    .secReform .taxleft .offNum,
    .secReform .taxleft .offtxt{
        font-size: var(--pcFontSize12);
    }
    .secReform .taxleft .num{
        font-size: var(--pcFontSize22);
    }
    .secReform .pricebox{
        top: calc(0% - 2.4rem);
        padding-bottom: 1.25rem;
    }
    .secReform .taxright{
        padding-right: 5.5rem;
    }
    .secReform .taxright .taxtit {
        bottom: 0.8rem;
    }
}
@media only screen and (max-width:1215px){
    .secReform .menulist{
        display: block;
        margin: 0 auto;
        margin-top: 2.5rem;
        width: calc((295 / 375) * 100vw);
        max-width: 60rem;
    }
    .secReform .item{
        width:100%;
        margin-right:0;
    }
    .secReform .item + .item{
        margin-top:3rem;
    }
    .secReform .link{
        height:auto;
    }
    .secReform .txtbox{
        padding: 0 2rem;
        padding-top: 1.7rem;
        padding-bottom: calc(4rem + 1.7rem);
    }
    .secReform .Onbox{
        padding-bottom: 1rem;
    }
    .secReform .leftbox{
        flex: 1;
    }
    .secReform .Onbox:has(.rightbox .subtxt) .leftbox{
        max-width: calc(100% - 5rem);
    }
    .secReform .subtitimg{
        width: 9rem;
    }
    .secReform .tit{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_25);
        max-height: calc(var(--spFontSize18) * var(--spLineHeight18_25) * 2);
        margin-top: 0.8rem;
    }
    .secReform .rightbox{
        padding-left: 0.5rem;
        max-width: 13rem;
        min-width: 5rem;
        text-align: right;
    }
    .secReform .subtxt{
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_13);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; /*表示マックスの行*/
        overflow: hidden;
        max-height: calc(var(--spFontSize10) * var(--spLineHeight10_13) * 2);
    }
    .secReform .pricebox{
        display: inline-block;
        position: absolute;
        right: 1rem;
        top: calc(0% - 12.3rem);
        padding-bottom: calc((var(--spFontSize12)* var(--spLineHeight12_20)) - 0.8rem);
    }
    .secReform .taxbox{
        display: inline-block;
        position: relative;
        padding-left:0;
        padding-top: calc(9rem + 0.3rem);
    }
    .secReform .taxbox:has(.taxleft:only-child){
        min-height: 9rem;
        min-width: 9rem;
    }
    .secReform .taxleft{
        width: 9rem;
        height: 9rem;
        left: auto;
        right: 0;
        top: 0;
        padding: 1rem;
    }
    .secReform .taxleft .taxtxt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_20);
    }
    .secReform .taxleft .offNum{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_30);
    }
    .secReform .taxleft .num{
        font-size: var(--spFontSize30);
    }
    .secReform .taxleft .offtxt{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_20);
    }
    .secReform .taxright{
        padding-right: 4rem;
    }
    .secReform .taxright .pricetxt{
        font-size: var(--spFontSize55);
        line-height: var(--spLineHeight55_55);
    }
    .secReform .taxright .minitxt{
        font-size: var(--spFontSize30);
    }
    .secReform .taxright .taxtit {
        font-size: var(--pcFontSize13);
    }
    .secReform .taxright .taxtit{
        bottom: 1rem;
    }
    .secReform .freetax{
        margin-top: 0;
    }
    .secReform .f_taxtxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        color: var(--keyColor);
    }
    .secReform .undertxtbox{
        margin-top: 1.1rem;
    }
    .secReform .txt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_26);
        max-height: calc(var(--spFontSize13) * var(--spLineHeight13_26) * 2);
    }
    .secReform .txt br{
        display: none;
    }
    .secReform .morebox{
        width:100%;
        height: 4rem;
        border-radius:0;
    }
    .secReform .moretxt{
        font-size: var(--spFontSize13);
    }
}
/* secIndexMore */
.secIndexMore{
    width:50rem;
    margin: 0 auto;
}
.secIndexMore .i_morelink{
    display: flex;
    align-items: center;
    width: 100%;
    height: 8rem;
    border: 0.1rem solid;
    border-color: var(--linkColor_35);
    background-color: var(--ColorWhite);
    color: var(--linkColor);
    border-radius:0.5rem;
}
.secIndexMore .moreIntxt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_30);
    letter-spacing: var(--pcLetterSpacing16_75);
    font-weight: bold;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.secIndexMore .moreIn{
    display: inline-block;
    position: relative;
    padding-right: calc(2.2rem + 1.8rem);
}
.secIndexMore .moreIn::after{
    content: "";
    position: absolute;
    width: 2.1rem;
    height: 2.1rem;
    right: 0;
    top: calc(50% - 1.05rem);
    background-color: var(--linkColor);
    border-radius: 50%;
    border: 0.1rem solid;
    border-color: var(--linkColor);
}
.secIndexMore.lazyloaded .moreIn::after{
    background: url(../img/index/imgPickuplinkArrow.png) center center no-repeat var(--linkColor);
    background-size: 0.9rem auto;
}
@media only screen and (max-width:1215px){
    .secIndexMore{
        max-width: 29.5rem;
        width: 100%;
    }
    .secIndexMore .i_morelink{
        height: 6rem;
    }
    .secIndexMore .moreIntxt{
        font-size: var(--spFontSize13);
    }
    .secIndexMore .moreIn{
        padding-right: calc(2.2rem + 1rem);
    }
}
/* secCompany */
.secCompany{
    position: relative;
    margin-top: 10rem;
    min-height: 105.1rem;
}
.secReform + .secCompany{
    margin-top: 3rem;
}
.secCompany.lazyloaded{
    background: url(../img/index/imgBackCompany.jpg) center top no-repeat;
    background-size: 192rem auto;
}
.secCompany .inner{
    padding-top: 17.4rem;
}
.secCompany .txtbox{
    text-align: left;
}
.secCompany .imgCompanylogo{
    width: 36.5rem;
}
.secCompany .tit{
    font-size: var(--pcFontSize45);
    line-height: var(--pcLineHeight45_70);
    color: var(--linkColor);
    font-weight: bold;
    margin-top: 1.1rem;
}
.secCompany .txt{
    font-weight: bold;
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_45);
    margin-top: 0.8rem;
}
.secCompany .secIndexMore{
    margin-top: 3.5rem;
    margin-left: 0;
}
@media only screen and (max-width:1215px){
    .secCompany{
        margin-top: 5rem;
        min-height:0;
    }
    .secReform + .secCompany{
        margin-top: 6rem;
    }
    .secCompany.lazyloaded{
        background: url(../img/index/imgBackCompany_sp.jpg) center bottom no-repeat var(--ColorWhite);
        background-size: 100% auto;
    }
    .secCompany .inner{
        padding-top: 0;
        padding-bottom: calc(((387 / 375) * 100vw) - 6rem);
    }
    .secCompany .txtbox{
        text-align: center;
    }
    .secCompany .imgCompanylogo{
        width: 25rem;
        margin: 0 auto;
    }
    .secCompany .tit{
        font-size: var(--spFontSize22);
        line-height: var(--spLineHeight22_35);
        margin-top: 0.9rem;
    }
    .secCompany .txt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_25);
        margin-top: 1.6rem;
    }
    .secCompany .secIndexMore{
        margin: 0 auto;
        margin-top: 2.2rem;
    }
}
/* secWorks */
.secWorks{
    margin-top: 3.9rem;
    width: 100%;
    overflow: hidden;
}
.secWorks .imgtit{
    width: 18.2rem;
}
@media only screen and (max-width:1215px){
    .secWorks .imgtit{
        width: 10.9rem;
    }
}
.secWorks .inner{
    margin-top: 4.3rem;
}
#WorksSlider{
    width: 100%;
    position: relative;
}
#WorksSlider .swiper{
    width:90rem;
    overflow: visible;
}
@media only screen and (min-width:1216px){
    #WorksSlider.disabled .swiper{
        width:100%;
        max-width: 137rem;
        margin: 0 auto;
    }
    #WorksSlider.disabled .swiper-slide{
        width: calc((100% - 8rem) / 3);
    }
    #WorksSlider.disabled .swiper-slide + .swiper-slide{
        margin-left: 4rem;
    }
}
#WorksSlider .swiper-slide{
    height: auto;
}
#WorksSlider .linkbox{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: visible;
    background-color: var(--ColorWhite);
    box-shadow: 0 0 0.768rem 0.032rem var(--ColorBlack_15);
    padding-bottom: calc(5rem + 1rem);
}
@media only screen and (min-width:1216px){
    #WorksSlider .linkbox:has(.ownerbox){
        padding-bottom: 2.7rem;
    }
}
#WorksSlider .imgArea{
    position: relative;
}
#WorksSlider .imgbox{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: calc((430 / 430) * 100%);
    overflow: hidden;
    z-index: 1;
}
#WorksSlider .txtArea{
    position: relative;
    padding: 2.5rem 2rem 0;
    color: var(--textColor);
}
#WorksSlider .titbox{
    width: 100%;
    border-bottom:0.1rem solid;
    border-color: var(--linkColor_20);
    padding-bottom: 2.5rem;
}
#WorksSlider .tit{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_30);
    font-weight: bold;
}
@media only screen and (min-width:1216px){
    #WorksSlider .tit{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
#WorksSlider .txtBox{
    margin-top: 1.1rem;
}
#WorksSlider .taglist{
    display: block;
    overflow: hidden;
    max-height: calc((var(--pcFontSize13) * var(--pcLineHeight13_30) * 2) + (0.5rem * 2));
}
#WorksSlider .tags{
    display: inline-block;
    margin: 0.5rem 1rem 0 0;
    white-space: nowrap;
    max-width: 100%;
}
#WorksSlider .taglink{
    position: relative;
    padding-left: calc(2.2rem + 0.4rem);
    display: inline-block;
    max-width: 100%;
}
#WorksSlider .taglink::after{
    content: "";
    position: absolute;
    width: 2rem;
    height: 2rem;
    background-color: var(--keyColor);
    border-radius: 50%;
    border: 0.1rem solid;
    border-color: var(--tagBorderColor);
    left: 0;
    top: calc(50% - 1rem);
}
#WorksSlider.lazyloaded .taglink::after{
    background: url(../img/common/imgTagItem.png) center center no-repeat var(--keyColor);
    background-size: 0.7rem auto;
}
#WorksSlider .tagin{
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_26);
    min-height:calc(var(--pcFontSize13) * var(--pcLineHeight13_30));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}
#WorksSlider .Intxt{
    vertical-align: -0.3rem;
}
#WorksSlider .ownerbox{
    margin-top: 1.4rem;
    padding-right: calc(20rem - 2rem);
}
#WorksSlider .ownertxt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_30);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#WorksSlider .morebox{
    width: 20rem;
    height: 5rem;
    background-color: var(--linkColor);
    color: var(--ColorWhite);
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 0.5rem 0 0 0;
    display: flex;
    align-items: center;
}
#WorksSlider .moretxt{
    display: inline-block;
    text-align: center;
    width: 100%;
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_30);
}
#WorksSlider .moretxt .moreIn{
    position: relative;
    display: inline-block;
    padding-right: calc(2.2rem + 1rem);
}
#WorksSlider .moretxt .moreIn::after{
    content: "";
    position: absolute;
    width: 2.1rem;
    height: 2.1rem;
    right: 0;
    top: calc(50% - 1.05rem);
    border-radius: 50%;
    border: 0.1rem solid;
    border-color: var(--ColorWhite);
}
#WorksSlider.lazyloaded .moretxt .moreIn::after{
    background: url(../img/index/imgPickuplinkArrow.png) center center no-repeat var(--linkColor);
    background-size: 0.7rem auto;
}
#WorksSlider .swiper-button-prev,
#WorksSlider .swiper-button-next{
    width: 5rem;
    height: 5rem;
    position: absolute;
    border-radius: 50%;
    border: 0.1rem solid;
    border-color: var(--ColorWhite);
    background-color: var(--keyColor);
    z-index: 11;
}
#WorksSlider .swiper-button-prev{
    left: calc(0% - 2.5rem);
}
#WorksSlider .swiper-button-next{
    right: calc(0% - 2.5rem);
}
#WorksSlider .swiper-button-prev::after,
#WorksSlider .swiper-button-next::after{
    content: "";
    position: absolute;
    width: 0.8rem;
    height: 1.5rem;
    left: calc(50% - 0.4rem);
    top: calc(50% - 0.75rem);
}
#WorksSlider .swiper-button-prev.lazyloaded::after,
#WorksSlider .swiper-button-next.lazyloaded::after{
    background: url(../img/common/imgSlideIcon.png) center center no-repeat;
    background-size: 100% auto;
}
#WorksSlider .swiper-button-prev.lazyloaded::after{
    transform: scale(-1, 1);
}
#WorksSlider .swiper-pagination{
    width: 100%;
    height:0.5rem;
    background-color: var(--ColorBlack_10);
    position: relative;
    margin: 0 auto;
    margin-top: 5.1rem;
    bottom: 0;
    display: flex;
    border-radius: 0.25rem;
}
#WorksSlider .swiper-pagination-bullet{
    background-color: var(--keyColor_0);
    flex: 1;
    border-radius: 0.25rem;
    margin: 0;
    height: 100%;
}
#WorksSlider .swiper-pagination-bullet-active{
    background-color: var(--keyColor);
}
@media only screen and (max-width:1215px){
    .secWorks .inner{
        margin-top: 2.6rem;
        width: calc((295 / 375) * 100vw);
    }
    #WorksSlider{
        width: 100%;
        position: relative;
    }
    #WorksSlider .swiper{
        width:calc(255 / 375 * 100vw);
    }
    #WorksSlider .linkbox{
        padding-bottom: calc(4rem);
    }
    #WorksSlider .txtArea{
        padding: 1.2rem 2rem 1.9rem;
    }
    #WorksSlider .titbox{
        padding-bottom: 0.8rem;
    }
    #WorksSlider .tit{
        font-size: var(--spFontSize15);
        line-height: var(--spLineHeight15_25);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        max-height: calc(var(--spFontSize15) * var(--spLineHeight15_25) * 2);
    }
    #WorksSlider .txtBox{
        margin-top: 0.6rem;
    }
    #WorksSlider .taglist{
        max-height: calc((var(--spFontSize11) * var(--spLineHeight11_30) * 2) + (0.5rem * 2));
    }
    #WorksSlider .tags{
        margin: 0.5rem 0.5rem 0 0;
    }
    #WorksSlider .taglink{
        padding-left: calc(2rem + 0.5rem);
    }
    #WorksSlider .tagin{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_30);
        min-height:calc(var(--spFontSize11) * var(--spLineHeight11_30));
    }
    #WorksSlider .Intxt{
        vertical-align: 0;
    }
    #WorksSlider .ownerbox{
        margin-top: 0.6rem;
        padding-right:0;
    }
    #WorksSlider .ownertxt{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_16);
    }
    #WorksSlider .morebox{
        width: 100%;
        height: 4rem;
        border-radius: 0;
    }
    #WorksSlider .moretxt{
        font-size: var(--spFontSize13);
    }
    #WorksSlider .swiper-button-prev,
    #WorksSlider .swiper-button-next{
        width: 3.5rem;
        height: 3.5rem;
        top: calc(0% + 3.5rem + ((194 / 375) * 100vw));
    }
    #WorksSlider .swiper-button-prev{
        left: calc(0% - 1.75rem);
    }
    #WorksSlider .swiper-button-next{
        right: calc(0% - 1.75rem);
    }
    #WorksSlider .swiper-button-prev::after,
    #WorksSlider .swiper-button-next::after{
        width: 0.6rem;
        height: 1.1rem;
        left: calc(50% - 0.3rem);
        top: calc(50% - 0.55rem);
    }
    #WorksSlider .swiper-pagination{
        margin-top: 3rem;
    }
}
.secWorks .secIndexMore{
    margin-top: 5rem;
}
@media only screen and (max-width:1215px){
    .secWorks .secIndexMore{
        margin-top: 3rem;
    }
}
/* secStaff */
.secStaff{
    position: relative;
    margin-top: 14.1rem;
    width: 100%;
    overflow: hidden;
}
.secStaff .imgtit{
    width: 14.2rem;
}
@media only screen and (max-width:1215px){
    .secStaff .imgtit{
        width: 8.5rem;
    }
}
.secStaff .inner{
    position: relative;
}
#StaffSlider{
    padding-top: 6.5rem;
}
#StaffSlider .swiper{
    width:108.8rem;
    margin: 0 auto;
    overflow: visible;
}
#StaffSlider .swiper-slide{
    height: auto;
}
@media only screen and (min-width:1216px){
    #StaffSlider.disabled .swiper-slide{
        width: calc((100% - 8rem) / 3);
    }
    #StaffSlider.disabled .swiper-slide + .swiper-slide{
        margin-left: 4rem;
    }
}
#StaffSlider .linkbox{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: var(--ColorWhite);
    box-shadow: 0 0 0.768rem 0.032rem var(--ColorBlack_15);
    padding-bottom:5rem;
    overflow: visible;
    padding-top: calc((22.4rem - 2rem) + 3.7rem);
}
#StaffSlider .imgArea{
    position: absolute;
    width: 22.4rem;
    left: calc(50% - 11.2rem);
    top: calc(0% - 2rem);
}
#StaffSlider .imgbox{
    width: 100%;
    height: 0;
    padding-top: 100%;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1;
}
#StaffSlider .txtArea{
    width: 100%;
    padding: 0 2rem;
}
#StaffSlider .txtbox{
    width: 100%;
    text-align: center;
    padding-bottom: 3.1rem;
}
#StaffSlider .name{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_30);
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#StaffSlider .kana{
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_26);
    letter-spacing: var(--pcLetterSpacing13_100);
    color: var(--keyColor);
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0.7rem;
}
#StaffSlider .taglist{
    display: block;
    overflow: hidden;
    max-height: calc((var(--pcFontSize13) * var(--pcLineHeight13_30) * 2) + (0.5rem * 2));
    margin-top: 0.7rem;
}
#StaffSlider .tags{
    display: inline-block;
    margin: 0.5rem 0.5rem 0 0.5rem;
    white-space: nowrap;
    max-width: 100%;
}
#StaffSlider .taglink{
    position: relative;
    padding-left: calc(2.2rem + 0.4rem);
    display: inline-block;
    max-width: 100%;
}
#StaffSlider .taglink::after{
    content: "";
    position: absolute;
    width: 2rem;
    height: 2rem;
    background-color: var(--keyColor);
    border-radius: 50%;
    left: 0;
    top: calc(50% - 1rem);
}
#StaffSlider.lazyloaded .taglink::after{
    background: url(../img/common/imgTagItem.png) center center no-repeat var(--keyColor);
    background-size: 0.7rem auto;
}
#StaffSlider .tagin{
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_30);
    min-height:calc(var(--pcFontSize13) * var(--pcLineHeight13_30));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}
#StaffSlider .Intxt{
    vertical-align: -0.2rem;
}
#StaffSlider .morebox{
    width: 20rem;
    height: 5rem;
    background-color: var(--linkColor);
    color: var(--ColorWhite);
    position: absolute;
    bottom: 0;
    right: calc(50% - 10rem);
    border-radius: 0.5rem 0.5rem 0 0;
    display: flex;
    align-items: center;
}
#StaffSlider .moretxt{
    display: inline-block;
    text-align: center;
    width: 100%;
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_30);
}
#StaffSlider .moretxt .moreIn{
    position: relative;
    display: inline-block;
    padding-right: calc(2.2rem + 1rem);
}
#StaffSlider .moretxt .moreIn::after{
    content: "";
    position: absolute;
    width: 2.1rem;
    height: 2.1rem;
    right: 0;
    top: calc(50% - 1.05rem);
    border-radius: 50%;
    border: 0.1rem solid;
    border-color: var(--ColorWhite);
}
#StaffSlider.lazyloaded .moretxt .moreIn::after{
    background: url(../img/index/imgPickuplinkArrow.png) center center no-repeat var(--linkColor);
    background-size: 0.7rem auto;
}
#StaffSlider .swiper-button-prev,
#StaffSlider .swiper-button-next{
    width: 5rem;
    height: 5rem;
    position: absolute;
    border-radius: 50%;
    border: 0.1rem solid;
    border-color: var(--ColorWhite);
    background-color: var(--keyColor);
    z-index: 11;
    top: calc(50% - 0.3rem);
}
#StaffSlider .swiper-button-prev{
    left: calc(0% - 2.5rem);
}
#StaffSlider .swiper-button-next{
    right: calc(0% - 2.5rem);
}
#StaffSlider .swiper-button-prev::after,
#StaffSlider .swiper-button-next::after{
    content: "";
    position: absolute;
    width: 0.8rem;
    height: 1.5rem;
    left: calc(50% - 0.4rem);
    top: calc(50% - 0.75rem);
}
#StaffSlider .swiper-button-prev.lazyloaded::after,
#StaffSlider .swiper-button-next.lazyloaded::after{
    background: url(../img/common/imgSlideIcon.png) center center no-repeat;
    background-size: 100% auto;
}
#StaffSlider .swiper-button-prev.lazyloaded::after{
    transform: scale(-1, 1);
}
#StaffSlider .swiper-pagination{
    width: 100%;
    height:0.5rem;
    background-color: var(--ColorBlack_10);
    position: relative;
    margin: 0 auto;
    margin-top: 5.1rem;
    bottom: 0;
    display: flex;
    border-radius: 0.25rem;
}
#StaffSlider .swiper-pagination-bullet{
    background-color: var(--keyColor_0);
    flex: 1;
    border-radius: 0.25rem;
    margin: 0;
    height: 100%;
}
#StaffSlider .swiper-pagination-bullet-active{
    background-color: var(--keyColor);
}
.secStaff .secIndexMore{
    margin-top: 5rem;
}
@media only screen and (max-width:1215px){
    .secStaff{
        margin-top:5rem;
    }
    #StaffSlider{
        padding-top: 5.5rem;
    }
    #StaffSlider .swiper{
        width:calc(255 / 375 * 100vw);
    }
    #StaffSlider .linkbox{
        padding-bottom:4rem;
        padding-top: calc(((150 / 375 * 100vw) - 3rem) + 2.2rem);
        border-radius: 0.5rem;
    }
    #StaffSlider .imgArea{
        width: calc(155 / 375 * 100vw);
        left: calc(50% - calc(155 / 375 * 100vw / 2));
        top: calc(0% - 3rem);
    }
    #StaffSlider .txtArea{
        padding: 0 2rem;
    }
    #StaffSlider .txtbox{
        padding-bottom: 2.5rem;
    }
    #StaffSlider .name{
        font-size: var(--spFontSize16);
    }
    #StaffSlider .kana{
        font-size: var(--spFontSize12);
        margin-top: 0.9rem;
    }
    #StaffSlider .taglist{
        max-height: calc((var(--spFontSize13) * var(--spLineHeight13_30) * 2) + (0.5rem * 2));
        margin-top: 0.6rem;
    }
    #StaffSlider .taglink{
        padding-left: calc(2rem + 0.4rem);
    }
    #StaffSlider .tagin{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_30);
        min-height:calc(var(--spFontSize13) * var(--spLineHeight13_30));
    }
    #StaffSlider .morebox{
        width: 100%;
        height: 4rem;
        right: 0;
        border-radius: 0 0 0.5rem 0.5rem;
    }
    #StaffSlider .moretxt{
        font-size: var(--spFontSize13);
    }
    #StaffSlider .swiper-button-prev,
    #StaffSlider .swiper-button-next{
        width: 3.5rem;
        height: 3.5rem;
        top: calc(50% + 0.4rem);
    }
    #StaffSlider .swiper-button-prev{
        left: calc(0% - 1.75rem);
    }
    #StaffSlider .swiper-button-next{
        right: calc(0% - 1.75rem);
    }
    #StaffSlider .swiper-button-prev::after,
    #StaffSlider .swiper-button-next::after{
        width: 0.6rem;
        height: 1.1rem;
        left: calc(50% - 0.3rem);
        top: calc(50% - 0.55rem);
    }
    #StaffSlider .swiper-pagination{
        width: calc((294 / 375) * 100%);
        margin-top: 3rem;
    }
    .secStaff .secIndexMore{
        margin-top: 3rem;
    }
}
.secInfo{
    margin-top: 14rem;
}
.secInfo .infoInner{
    display: flex;
}
.secInfo .infobox{
    width: calc((100% - 10rem) / 2);
}
.secInfo .infobox + .infobox{
    margin-left: 10rem;
}
.secEvent .secIndextit .imgtit{
    width: 16.8rem;
}
.secNews .secIndextit .imgtit{
    width: 14.1rem;
}
@media only screen and (max-width:1215px){
    .secInfo{
        margin-top: 5rem;
    }
    .secInfo .infoInner{
        display:block;
    }
    .secInfo .infobox{
        width: 100%;
    }
    .secInfo .infobox + .infobox{
        margin-left: 0rem;
        margin-top:5rem;
    }
    .secEvent .secIndextit .imgtit{
        width: 10.2rem;
    }
    .secNews .secIndextit .imgtit{
        width: 8.6rem;
    }
}
.secInfo .infolist{
    margin-top: 3.5rem;
    border-top: 0.1rem solid;
    border-color: var(--NewsBorderColor);
}
.secInfo .list{
    width: 100%;
}
.secInfo .item{
    padding:3.3rem 0;
    border-bottom: 0.1rem solid;
    border-color: var(--NewsBorderColor);
}
.secInfo .item + .item{
    margin-top: 0;
}
.secInfo .linkbox{
    display: block;
    position: relative;
    padding-right: 7.5rem;
    color: var(--ColorBlack);
}
.secInfo .linkbox::after{
    content: "";
    position: absolute;
    width: 2.1rem;
    height: 2.1rem;
    right: 0;
    top: calc(50% - 1.05rem);
    background-color: var(--linkColor);
    border-radius: 50%;
    border: 0.1rem solid;
    border-color: var(--linkColor);
}
.secInfo.lazyloaded .linkbox::after{
    background: url(../img/index/imgPickuplinkArrow.png) center center no-repeat var(--linkColor);
    background-size: 0.9rem auto;
}
.secInfo .linkInner{
    display: flex;
    align-items: center;
}
.secInfo .imgArea{
    width:21rem;
    position: relative;
}
.secInfo .imgBox{
    width: 100%;
    border-radius: 0.5rem;
    height: 0;
    padding-top: calc(420 / 590 * 100%);
    overflow: hidden;
    z-index: 1;
}
.secInfo .txtArea{
    flex: 1;
    max-width: calc(100% - 21rem);
    padding-left: 4rem;
}
.secInfo .txtBox{
    display: inline-block;
    width: 100%;
    text-align: left;
}
.secInfo .secEvent .txtBox{
    padding-bottom: 1rem;
}
.secInfo .tit{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_31);
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: calc((var(--pcFontSize14) * var(--pcLineHeight14_31)) * 2);
}
.secInfo .daystxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_20);
    letter-spacing: var(--pcLetterSpacing14_100);
    font-weight: bold;
    margin-top: 0.7rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.secInfo .secEvent .daystxt{
    color: var(--keyColor);
}
.secInfo .statusbox{
    width:14rem;
    height: 3.6rem;
    border-radius: 10rem;
    display: flex;
    align-items: center;
    background-color: var(--keyColor);
    color: var(--ColorWhite);
    margin-top: 1.5rem;
}
.secInfo .statusbox .intxt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_30);
    letter-spacing: var(--pcLetterSpacing15_50);
    text-align: center;
    width: 100%;
}
/* ▼開催前 */
.secInfo .statusbox.eventBefore{
    background-color: var(--linkColor);
}
/* ▼終了用 */
.secInfo .statusbox.eventEnd{
    background-color: var(--btnEndColor);
}
.secInfo .endmask{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
    z-index: 1;
    background: var(--ColorBlack_70);
    border-radius: 0.5rem;
    color: var(--ColorWhite);
}
.secInfo .endInbox{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.secInfo .endImg{
    width: 12rem;
    margin: 0 auto;
}
.secInfo .endtxt{
    font-size: var(--pcFontSize12);
    line-height: var(--pcLineHeight12_17);
    margin-top: 1rem;
}
.secInfo .secIndexMore{
    margin-top:5rem;
}
@media only screen and (min-width:1216px){
    .secInfo .eventMore{
        display: none;
    }
}
@media only screen and (max-width:1215px){
    .secInfo .infolist{
        margin-top: 2.7rem;
    }
    .secInfo .item{
        padding: 3rem 0 2.9rem;
    }
    .secInfo .secEvent .item{
        padding: 3rem 2rem 2.8rem;
    }
    .secInfo .linkbox{
        padding-right: 3rem;
    }
    .secInfo .secEvent .linkbox{
        padding-right: 0;
    }
    .secInfo .secEvent .linkbox::after{
        display: none
    }
    .secInfo .secEvent .linkInner{
        display: block;
    }
    .secInfo .imgArea{
        width:10.5rem;
    }
    .secInfo .secEvent .imgArea{
        width: 100%;
    }
    .secInfo .imgBox{
        border-radius: 0.9rem;
    }
    .secInfo .secEvent .imgBox{
        border-radius: 0.5rem;
    }
    .secInfo .txtArea{
        max-width: calc(100% - 10.5rem);
        padding-left: 2rem;
    }
    .secInfo .secEvent .txtArea{
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
    .secInfo .secEvent .txtBox{
        display: block;
        margin-top: 1.2rem;
        padding-bottom: 0;
    }
    .secInfo .tit{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        max-height: calc((var(--spFontSize12) * var(--spLineHeight12_20)) * 2);
    }
    .secInfo .secEvent .tit{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_31);
        max-height: calc((var(--spFontSize14) * var(--spLineHeight14_31)) * 2);
    }
    .secInfo .daystxt{
        font-size: var(--spFontSize11);
        margin-top: 0.5rem;
    }
    .secInfo .secEvent .daystxt{
        font-size: var(--spFontSize14);
        margin-top: 0.7rem;
    }
    .secInfo .statusbox{
        margin-top: 1.5rem;
    }
    .secInfo .statusbox .intxt{
        font-size: var(--spFontSize15);
    }
    .secInfo .endmask{
        border-radius: 0.5rem;
    }
    .secInfo .endImg{
        width: 12rem;
    }
    .secInfo .endtxt{
        font-size: var(--spFontSize12);
        margin-top: 1rem;
    }
    .secInfo .secIndexMore{
        margin-top:3rem;
    }
    .secInfo .eventMore{
        position: absolute;
        display: inline-block;
        bottom: 0.4rem;
        right: 0;
    }
    .secInfo .eventmoretxt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_30);
        font-weight: bold;
        color: var(--textColor);
        display: inline-block;
        position: relative;
        padding-right: calc(0.8rem + 2.1rem);
    }
    .secInfo .eventmoretxt::after{
        content: "";
        position: absolute;
        width: 2.1rem;
        height: 2.1rem;
        right: 0;
        top: calc(50% - 1.05rem);
        background-color: var(--linkColor);
        border-radius: 50%;
        border: 0.1rem solid;
        border-color: var(--linkColor);
    }
    .secInfo.lazyloaded .eventmoretxt::after{
        background: url(../img/index/imgPickuplinkArrow.png) center center no-repeat var(--linkColor);
        background-size: 0.9rem auto;
    }
}
/* secTelbox */
@media only screen and (min-width:1216px){
    .secTelbox{
        display: none;
    }
}
@media only screen and (max-width:1215px){
    .secTelbox{
        margin-top: 3rem;
    }
    .secTelbox .tellink{
        display: block;
        width: 100%;
        background-color: var(--keyColor);
        color: var(--ColorWhite);
        border-radius: 2rem;
    }
    .secTelbox .telIn{
        text-align: center;
        padding: 2.1rem 2rem;
    }
    .secTelbox .teltit{
        font-size: var(--spFontSize15);
        line-height: var(--spLineHeight15_30);
        font-weight: bold;
    }
    .secTelbox .telUnder{
        display: flex;
        margin: 0 auto;
        width: fit-content;
        text-align: left;
        position: relative;
        padding-left:calc(3.7rem + 0.9rem);
        font-weight: bold;
        min-height: 3.9rem;
        margin-top: 1.3rem;
    }
    .secTelbox .telUnder::after{
        content: "";
        position: absolute;
        width: 3.7rem;
        height: 3.9rem;
        left: 0;
        top: calc(50% - 1.95rem);
    }
    .secTelbox.lazyloaded .telUnder::after{
        background: url(../img/common/imgTelIcon.png) center center no-repeat;
        background-size: 100% auto;
    }
    .secTelbox .underIn{
        display: inline-block;
        text-align: left;
    }
    .secTelbox .telnum{
        font-size: var(--spFontSize24);
        line-height: var(--spLineHeight24_24);
        letter-spacing: var(--spLetterSpacing24_50);
    }
    .secTelbox .telundertxt{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_16);
        margin-top: 0.2rem;
        letter-spacing: var(--spLetterSpacing11_25);
    }
}
#footer{
    margin-top: 15rem;
}
@media only screen and (max-width:1215px){
    #footer{
        margin-top: 5rem;
    }
}
/* ▼250630 */
.secReform .secIndexMore{
    margin-top: 5rem;
}
@media only screen and (max-width:1215px){
    .secReform .secIndexMore{
        margin-top: 3rem;
    }
}