@charset "utf-8";

/*-----------------------------------------------
    index
-----------------------------------------------*/
/* secMain */
.secMain{
    margin-top: 6rem;
}
.secMain .topTit{
    font-size: var(--pcFontSize16);
}
.secMain .tabList{
    display: flex;
    gap: 2rem;
    margin-top: 13rem;
}
.secMain .tabItem{
    position: relative;
    width: calc(25% - 1.6rem);
    padding: 7.8rem 1rem 3rem;
    border-radius: 1rem 1rem 0 0;
    background: var( --borderColorGray3);
    cursor: pointer;
    transition: opacity 0.3s ease;
}
.secMain .tabItem:hover{
    opacity: 0.8;
}
.secMain .tabItem.on{
    background: var(--keyColor);
    color: var(--ColorWhite);
}
.secMain .tabItem.on:hover{
    opacity: 1;
}
.secMain .tabImg{
    width: 13rem;
    height: 13rem;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: -7rem;
    left: calc(50% - 6.5rem);
}
.secMain .on .tabImg::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 50%;
    border: 0.2rem solid var(--keyColor);
}
.secMain .tabTxt{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_32);
    font-weight: bold;
    text-align: center;
}
.secMain .txtSmall{
    font-size: var(--pcFontSize16);
}
/* contentWrapper */
.secMain .contentWrapper{
    border-top: 0.5rem solid var(--keyColor);
    padding: 5rem 0 20rem;
    background: var(--bgSlider);
}
.secMain .contentWrapper .content{
    display: none;
}
.secMain .contentWrapper .content.is-show{
    display: block;
}
.secMain .txtCnt{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_24);
    font-weight: bold;
    margin-bottom: 4rem;
}
.secMain .list{
    display: flex;
    flex-wrap: wrap;
    gap: 6rem 4rem;
}
.secMain .item{
    width: calc(50% - 2rem);
    /* 各カード(li)の高さを揃えつつ白背景で囲う */
    background: var(--ColorWhite);
    border-radius: 2rem;
}
.secMain .itemLink{
    display: block;
    height: 100%;
}
.secMain .titName{
    font-size: var(--pcFontSize26);
    line-height: var(--pcLineHeight26_42);
    font-weight: bold;
    background: var(--keyColor);
    color: var(--ColorWhite);
    padding: 2.5rem 4rem;
    border-radius: 2rem 2rem 0 0;
    display: flex;
    align-items: center;
    min-height: 10rem;
}
.secMain .itemImg{
    width: 100%;
    padding-top: 50.747%;
}
.secMain .txtBox{
    padding: 2.7rem 4rem 5rem;
    background: var(--ColorWhite);
    border-radius: 0 0 2rem 2rem;
}
.secMain .txt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_34);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; 
    overflow: hidden;
    max-height: calc(var(--pcFontSize16) * var(--pcLineHeight16_34) * 3);
}
.secMain .boxWorries{
    margin-top: 3.5rem;
    position: relative;
    background: var(--cmnTitBg);
    padding: 3.5rem 3rem 3.1rem;
}
.secMain .icon{
    width: 28rem;
    position: absolute;
    top: -1.5rem;
    left: 2rem;
}
.secMain .worriesItem{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_20);
    padding-left: 3rem;
    position: relative;
}
.secMain .worriesItem:nth-child(n+2){
    margin-top: 1.3rem;
}
.secMain .worriesItem::after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
}
.secMain .worriesItem.lazyloaded::after{
    background: url(../img/reform_menu/iconCheck.png) center center / 1rem auto no-repeat var(--keyColor);
}
.secMain .btnLink{
    margin: 3rem auto 0;
    width: 32rem;
    height: 7.5rem;
    border-radius: 3.75rem;
    background: var(--ColorWhite);
    color: var(--textColor);
    font-size: var(--pcFontSize16);
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.1rem solid var(--textColor);
}
.secMain .btnLink.lazyloaded{
    background: url(../img/reform_menu/iconArrow02.png) center right 3rem / 1.5rem auto no-repeat var(--ColorWhite);
}
.secMain .spTit{
    display: none;
}
@media only screen and (max-width:1215px){
    .secMain{
        margin-top: 3rem;
    }
    .secMain .topTit{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_22);
    }
    .secMain .tabList{
        flex-wrap: wrap;
        justify-content: center;
        gap: 3.5rem 0.5rem;
        margin-top: 4rem;
    }
    .secMain .tabItem{
        position: relative;
        width: calc((100% - 1rem) / 2);
        padding: 4rem 0.2rem 1rem;
        border-radius: 0.5rem;
        box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
    }
    .secMain .tabImg{
        width: 5.5rem;
        height: 5.5rem;
        top: -2.5rem;
        left: calc(50% - 2.75rem);
    }
    .secMain .tabTxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_16);
        letter-spacing: -0.1em;
    }
    .secMain .txtSmall{
        font-size: var(--spFontSize10);
    }
    .secMain .contentWrapper{
        border-top: none;
        padding: 2.8rem 0 10rem;
        margin-top: 3rem;
    }
    .secMain .spTit{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_24);
        font-weight: bold;
        text-align: center;
        display: block;
    }
    .secMain .txtCnt{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_26);
        text-align: center;
        margin: 2rem auto 2rem;
    }
    .secMain .list{
        display: block;
        gap: 0;
        margin-top: 3rem;
    }
    .secMain .item{
        width: 100%;
    }
    .secMain .item:nth-child(n+2){
        margin-top: 4rem;
    }
    .secMain .titName{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_26);
        padding: 1.5rem 2rem;
        border-radius: 1rem 1rem 0 0;
        min-height: 6rem;
    }
    .secMain .txtBox{
        padding: 1.2rem 0 3rem;
        border-radius: 0;
    }
    .secMain .txt{
        padding: 0 2rem;
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_24);
        -webkit-line-clamp: 5;
        max-height: calc(var(--spFontSize14) * var(--spLineHeight14_24) * 5);
    }
    .secMain .boxWorries{
        margin-top: 3rem;
        padding: 3.5rem 2rem 2.7rem;
    }
    .secMain .icon{
        width: 20.8rem;
        top: -1.6rem;
        left: 2rem;
    }
    .secMain .worriesItem{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        padding-left: 3.2rem;
    }
    .secMain .worriesItem:nth-child(n+2){
        margin-top: 1rem;
    }
    .secMain .worriesItem::after{
        top: 0;
    }
    .secMain .btnLink{
        margin: 2rem auto 0;
        width: calc(100% - 4rem);
        height: 5.5rem;
        border-radius: 2.75rem;
        font-size: var(--spFontSize14);
    }
    .secMain .btnLink.lazyloaded{
        background-position: center right 2rem;
        background-size: 1.3rem auto;
    }
}

.noneTxt{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_24);
    text-align: center;
    padding: 6rem 0 2rem;
}
@media only screen and (max-width:1215px){
    .noneTxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        padding: 3rem 0 1.5rem;
    }
}

/* details */

/* secDetailsHero */
.secDetailsHero{
    position: relative;
}
.secDetailsHero::before{
    position: absolute;
    content: '';
    width: 100%;
    height: calc(100% - 37rem);
    background: var(--keyColor);
    top: 0;
    left: 0;
}
.secDetailsHero:not(:has(.secDetailsSlider))::before{
    display: none;
}
@media only screen and (max-width:1215px){
    .secDetailsHero::before{
        display: none;
    }
}
/* secDetailsTop */
.secDetailsTop{
    padding: 6.4rem 0 5.4rem;
    color: var(--ColorWhite);
    position: relative;
    z-index: 1;
}
.secDetailsHero:not(:has(.secDetailsSlider)) .secDetailsTop{
    background: var(--keyColor);
}
.secDetailsTop .tit{
    font-size: var(--pcFontSize40);
    line-height: var(--pcLineHeight40_60);
    font-weight: bold;
}
.secDetailsTop .txt{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_32);
    margin-top: 2.2rem;
}
@media only screen and (max-width:1215px){
    .secDetailsTop{
        padding: 3.5rem 0;
        background: var(--keyColor);
    }
    .secDetailsTop .tit{
        font-size: var(--spFontSize22);
        line-height: var(--spLineHeight22_36);
    }
    .secDetailsTop .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_24);
        margin-top: 1.3rem;
    }
}

/* secDetailsSlider */
.secDetailsSlider{
    overflow: hidden;
}
.secDetailsSlider .boxSlider{
    position: relative;
}
.secDetailsSlider .swiper{
    width: 108rem;
    overflow: visible;
}
.secDetailsSlider .swiper-button-prev,
.secDetailsSlider .swiper-button-next{
    width: 6rem;
    height: 6rem;
    margin-top: 0;
    top: calc(50% - 3rem);
    border-radius: 50%;
    cursor: pointer;
}
.secDetailsSlider .swiper-button-prev{
    left: calc(50% - 57.5rem);
    transform: rotate(180deg);
}
.secDetailsSlider .swiper-button-next{
    right: calc(50% - 57.5rem);
}
.secDetailsSlider .swiper-button-prev::after,
.secDetailsSlider .swiper-button-next::after{
    display: none;
}
.secDetailsSlider .swiper-button-prev.lazyloaded{
    background: url(../img/common/iconArrow.png) center center / 17px auto no-repeat var(--ColorWhite);
}
.secDetailsSlider .swiper-button-next.lazyloaded{
    background: url(../img/common/iconArrow.png) center center / 17px auto no-repeat var(--ColorWhite);
}
.secDetailsSlider .imgSlider{
    display: block;
    height: 0;
    padding-top: 59.26%;
}
.secDetailsSlider .swiper-pagination{
    position: static;
	padding-top: 3rem;
}
.secDetailsSlider .swiper-pagination-bullet{
    background: var(--borderColor);
    margin: 0.5rem !important;
    opacity: 1;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
}
.secDetailsSlider .swiper-pagination-bullet-active{
    background: var(--textColor);
}
@media only screen and (max-width:1215px){
    .secDetailsSlider .swiper{
        width: 100%;
    }
    .secDetailsSlider .swiper-button-prev,
    .secDetailsSlider .swiper-button-next{
        width: 3rem;
        height: 3rem;
        top: unset;
        bottom: -4rem;
    }
    .secDetailsSlider .swiper-button-prev{
        left: 1.5rem;
    }
    .secDetailsSlider .swiper-button-next{
        right: 1.5rem;
    }
    .secDetailsSlider .swiper-button-prev.lazyloaded{
        background: url(../img/reform_menu/iconSlideArrow.png) center center / 17px auto no-repeat var(--ColorWhite);
    }
    .secDetailsSlider .swiper-button-next.lazyloaded{
        background: url(../img/reform_menu/iconSlideArrow.png) center center / 17px auto no-repeat var(--ColorWhite);
    }
    .secDetailsSlider .swiper-pagination{
        padding-top: 1.7rem;
    }
    .secDetailsSlider .swiper-pagination-bullet {
        width: 0.9rem;
        height: 0.9rem;
    }
}

/* secDetailsInfo */
.secDetailsInfo{
    margin-top: 3rem;
}
.secDetailsInfo .tit{
    font-size: var(--pcFontSize26);
    line-height: var(--pcLineHeight26_42);
    font-weight: bold;
}
.secDetailsInfo .txt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_34);
    margin-top: 2rem;
}
.secDetailsInfo .boxPrice{
    margin-top: 3rem;
    display: flex;
}
.secDetailsInfo .titPrice{
    font-size: var(--pcFontSize18);
    color: var(--ColorWhite);
    font-weight: bold;
    width: 10.7rem;
    height: 8rem;
    background: var(--keyColor);
    display: flex;
    align-items: center;
    justify-content: center;
}
.secDetailsInfo .txtPrice{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_34);
    font-weight: bold;
    color: var(--textColor);
    background: var(--cmnTitBg);
    padding: 0.3rem 2.5rem 0.3rem 2.2rem;
}
.secDetailsInfo .spaNum{
    font-size: var(--pcFontSize34);
    padding: 0 0.3rem;
}
.secDetailsInfo .spanIcon{
    font-size: var(--pcFontSize18);
    position: relative;
    top: -0.6rem;
}
.secDetailsInfo .list{
    margin-top: 5rem;
    display: flex;
    gap: 6rem;
}
.secDetailsInfo .item{
    width: calc((100% - 12rem) / 3);
}
.secDetailsInfo .img{
    width: 100%;
    padding-top: 66.667%;
}
.secDetailsInfo .itemTit{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_34);
    font-weight: bold;
    margin-top: 2.2rem;
}
.secDetailsInfo .itemTxt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_34);
    margin-top: 1.3rem;
}
@media only screen and (max-width:1215px){
    .secDetailsInfo{
        margin-top: 1.7rem;
    }
    .secDetailsInfo .tit{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_26);
        font-weight: bold;
    }
    .secDetailsInfo .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_24);
        margin-top: 0.6rem;
    }
    .secDetailsInfo .boxPrice{
        margin-top: 2.5rem;
    }
    .secDetailsInfo .titPrice{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_18);
        width: 6rem;
        height: 6rem;
    }
    .secDetailsInfo .txtPrice{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_22);
        padding: 0.7rem 1.5rem 0.7rem 1.5rem;
        width: calc(100% - 6rem);
    }
    .secDetailsInfo .spaNum{
        font-size: var(--spFontSize28);
        padding: 0 0.2rem;
    }
    .secDetailsInfo .spanIcon{
        font-size: var(--spFontSize14);
        top: -0.4rem;
    }
    .secDetailsInfo .list{
        margin-top: 5rem;
        display: block;
        gap: 0;
    }
    .secDetailsInfo .item{
        width: 100%;
    }
    .secDetailsInfo .item:nth-child(n+2){
        margin-top: 4.5rem;
    }
    .secDetailsInfo .itemTit{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_26);
        margin-top: 1.3rem;
    }
    .secDetailsInfo .itemTxt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_24);
        margin-top: 0.7rem;
    }
}

.secBnr{
    margin-top: 9rem;
}
.secBnr2{
    padding-bottom: 8rem;
    border-bottom: 0.1rem dotted var(--borderColor);
}
@media only screen and (max-width:1215px){
    .secBnr{
        margin-top: 4.3rem;
    }
    .secBnr2{
        padding-bottom: 4rem;
    }
}

/* secDetailsRecommendation */
.secDetailsRecommendation{
    margin-top: 9rem;
}
.secDetailsRecommendation .wrapper{
    padding-bottom: 7rem;
    border-bottom: 0.1rem dotted var(--borderColor);
}
.secDetailsRecommendation .tit{
    font-size: var(--pcFontSize26);
    line-height: var(--pcLineHeight26_42);
    font-weight: bold;
    text-align: center;
    position: relative;
}
.secDetailsRecommendation .tit::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 0.1rem;
    background: var(--textColor);
    top: 2rem;
    left: 0;
}
.secDetailsRecommendation .spaTit{
    background: var(--ColorWhite);
    padding: 0 5rem;
    position: relative;
    z-index: 1;
    max-width: 70%;
    display: inline-block;
}
.secDetailsRecommendation .list{
    margin-top: 5.2rem;
    display: flex;
    gap: 9rem;
}
.secDetailsRecommendation .item{
    width: calc((100% - 18rem) / 3);
}
.secDetailsRecommendation .titRequest{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_28);
    font-weight: bold;
    min-height: 15rem;
    border-radius: 7.5rem 7.5rem 0.5rem 7.5rem;
    background: var(--bgSlider);
    padding: 3.5rem 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.secDetailsRecommendation .titRequest::after{
    position: absolute;
    content: '';
    width: 7.7rem;
    height: 9.4rem;
    bottom: -1.4rem;
    right: -2.1rem;
}
.secDetailsRecommendation .titRequest.lazyloaded::after{
    background: url(../img/reform_menu/iconRequest01.png) center center / 100% auto no-repeat;
}
.secDetailsRecommendation .item:nth-child(2) .titRequest.lazyloaded::after{
    background-image: url(../img/reform_menu/iconRequest02.png);
}
.secDetailsRecommendation .item:nth-child(3) .titRequest.lazyloaded::after{
    background-image: url(../img/reform_menu/iconRequest03.png);
}
.secDetailsRecommendation .boxAnswer{
    position: relative;
    margin-top: 3.9rem;
}
.secDetailsRecommendation .boxAnswer::before{
    position: absolute;
    content: '';
    width: 2rem;
    height: 1.4rem;
    background: var(--textColor);
    top: -2rem;
    left: calc(50% - 1rem);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.secDetailsRecommendation .titSolution{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_24);
    font-weight: bold;
    position: relative;
    color: var(--keyColor);
    padding-left: 2.8rem;
}
.secDetailsRecommendation .titSolution::before{
    position: absolute;
    content: '';
    width: 2.2rem;
    height: 2.2rem;
    background: var(--keyColor);
    top: 0.2rem;
    left: 0;
    border-radius: 50%;
}
.secDetailsRecommendation .titSolution.lazyloaded::before{
    background: url(../img/reform_menu/iconCheck.png) center center / 1rem auto no-repeat var(--keyColor);
}
.secDetailsRecommendation .titAnswer{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_34);
    letter-spacing: -0.01em;
    font-weight: bold;
    margin-top: 1rem;
}
.secDetailsRecommendation .spanBg{
    background: linear-gradient(transparent 70%, var(--ColorYellow) 70% ,var(--ColorYellow) 93%,transparent 93%);
}
.secDetailsRecommendation .txtAnswer{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_34);
    margin-top: 1.3rem;
}
@media only screen and (max-width:1215px){
    .secDetailsRecommendation{
        margin-top: 4.3rem;
    }
    .secDetailsRecommendation .wrapper{
        padding-bottom: 4rem;
    }
    .secDetailsRecommendation .tit{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_28);
    }
    .secDetailsRecommendation .tit::before{
        top: 2.8rem;
    }
    .secDetailsRecommendation .spaTit{
        padding: 0 1.3rem;
        max-width: calc(100% - 6rem);
    }
    .secDetailsRecommendation .list{
        margin-top: 2.5rem;
        display: block;
        gap: 0;
    }
    .secDetailsRecommendation .item{
        width: 100%;
    }
    .secDetailsRecommendation .item:nth-child(n+2){
        margin-top: 2.5rem;
    }
    .secDetailsRecommendation .titRequest{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_22);
        min-height: 9.2rem;
        border-radius: 2rem 2rem 0.5rem 2rem;
        padding: 2rem;
        justify-content: flex-start;
        width: calc(100% - 2.2rem);
    }
    .secDetailsRecommendation .titRequest::after{
        position: absolute;
        content: '';
        width: 4.9rem;
        height: 6.2rem;
        bottom: -1.1rem;
        right: -2.2rem;
    }
    .secDetailsRecommendation .boxAnswer{
        margin-top: 2.2rem;
    }
    .secDetailsRecommendation .boxAnswer::before{
        width: 1.1rem;
        height: 0.8rem;
        top: -1.3rem;
        left: calc(50% - 0.55rem);
    }
    .secDetailsRecommendation .titSolution{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_22);
        padding-left: 2.8rem;
    }
    .secDetailsRecommendation .titAnswer{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_26);
        letter-spacing: normal;
    }
    .secDetailsRecommendation .txtAnswer{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_24);
        margin-top: 0.5rem;
    }
}

/* secDetailsStyle */
.secDetailsStyle{
    margin-top: 8.1rem;
}
.secDetailsStyle .titEng{
    font-size: var(--pcFontSize18);
    letter-spacing: var(--pcLetterSpacing18_30);
    color: var(--keyColor);
    font-weight: bold;
}
.secDetailsStyle .icon{
    position: relative;
    padding-left: 4rem;
}
.secDetailsStyle .icon::before{
    content: '';
    width: 2.6rem;
    height: 2.1rem;
    position: absolute;
    top: -0.1rem;
    left: 0;
}
.secDetailsStyle .icon.lazyloaded::before{
    background: url(../img/reform_menu/iconWorks.png) center center / cover;
}
.secDetailsStyle .icon.lazyloaded::after{
    content: '';
    width: 10rem;
    height: 0.1rem;
    position: absolute;
    top: 1rem;
    left: 11.6rem;
    background: var(--keyColor);
}
.secDetailsStyle .tit{
    font-size: var(--pcFontSize46);
    font-weight: bold;
    margin-top: 2.5rem;
}
.secDetailsStyle .list{
    margin-top: 4.5rem;
}
.secDetailsStyle .titBox{
    display: flex;
    padding: 3.8rem 8rem 3.8rem 6rem;
    background: var(--cmnTitBg);
    border-radius: 6.25rem;
    position: relative;
    cursor: pointer;
}
.secDetailsStyle .titBox::before,
.secDetailsStyle .titBox::after{
    content: '';
    width: 1.5rem;
    height: 0.1rem;
    background: var(--textColor);
    right: 5rem;
    top: calc(50% - 0.05rem);
    position: absolute;
}
.secDetailsStyle .titBox::after{
    transform: rotate(90deg);
}
.secDetailsStyle .titBox.on::after{
    display: none;
}
.secDetailsStyle .titNum{
    width: 4.9rem;
    height: 4.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--pcFontSize20);
    background: var(--ColorWhite);
    border-radius: 50%;
    font-weight: bold;
}
.secDetailsStyle .boxTit{
    font-size: var(--pcFontSize26);
    line-height: var(--pcLineHeight26_42);
    font-weight: bold;
    margin: 0.2rem 0 0 1.5rem;
    width: calc(100% - 6.4rem);
}
.secDetailsStyle .box{
    margin-top: 4rem;
    padding-bottom: 7rem;
    display: none;
}
.secDetailsStyle .flBox{
    display: flex;
}
.secDetailsStyle .flItem{
    width: calc(50% - 3rem);
}
.secDetailsStyle .flItem:nth-child(2){
    margin-left: 6rem;
}
.secDetailsStyle .topBox{
    padding: 4rem 4rem 5rem;
    border-radius: 1rem;
}
.secDetailsStyle .before{
    background: var(--borderColorGray3);
}
.secDetailsStyle .after{
    background: var(--keyColor);
}
.secDetailsStyle .img{
    width: 100%;
    padding-top: 77.587%;
}
.secDetailsStyle .img img{
    border-radius: 1rem;
}
.secDetailsStyle .itemTit{
    font-size: var(--pcFontSize22);
    font-weight: bold;
    margin-top: 3.8rem;
    text-align: center;
}
.secDetailsStyle .after .itemTit{
    color: var(--ColorWhite);
}
.secDetailsStyle .itemTxt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_34);
    margin-top: 2.7rem;
}
.secDetailsStyle .item:nth-child(n+2){
    margin-top: 3rem;
}
/* single */
.secDetailsStyle .singleBox{
    display: flex;
    align-items: center;
}
.secDetailsStyle .singleImg{
    width: 58rem;
    flex-shrink: 0;
}
.secDetailsStyle .singleBox .itemTxt{
    margin-left: 5rem;
}
@media only screen and (max-width:1215px){
    .secDetailsStyle{
        margin-top: 3rem;
    }
    .secDetailsStyle .titEng{
        font-size: var(--spFontSize14);
        letter-spacing: var(--spLetterSpacing14_30);
    }
    .secDetailsStyle .icon{
        padding-left: 2.8rem;
    }
    .secDetailsStyle .icon::before{
        width: 1.9rem;
        height: 1.6rem;
        top: 0;
    }
    .secDetailsStyle .icon.lazyloaded::before{
        background-size: 100% auto;
    }
    .secDetailsStyle .icon.lazyloaded::after{
        width: 2rem;
        top: 0.7rem;
        left: 9rem;
    }
    .secDetailsStyle .tit{
        font-size: var(--spFontSize20);
        margin-top: 1.5rem;
    }
    .secDetailsStyle .list{
        margin-top: 2.5rem;
    }
    .secDetailsStyle .titBox{
        align-items: center;
        padding: 1.5rem 4.2rem 1.5rem 2rem;
        border-radius: 3.65rem;
        min-height: 7.3rem;
    }
    .secDetailsStyle .titBox::before,
    .secDetailsStyle .titBox::after{
        width: 0.9rem;
        right: 2rem;
    }
    .secDetailsStyle .titNum{
        width: 3.5rem;
        height: 3.5rem;
        font-size: var(--spFontSize16);
    }
    .secDetailsStyle .boxTit{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_22);
        margin: 0 0 0 1.1rem;
        width: calc(100% - 4.6rem);
    }
    .secDetailsStyle .box{
        margin-top: 2rem;
        padding-bottom: 3.5rem;
        display: none;
    }
    .secDetailsStyle .flBox{
        display: block;
    }
    .secDetailsStyle .flItem{
        width: 100%;
    }
    .secDetailsStyle .flItem:nth-child(2){
        margin: 2.5rem 0 0;
    }
    .secDetailsStyle .topBox{
        padding: 2rem;
    }
    .secDetailsStyle .itemTit{
        font-size: var(--spFontSize14);
        margin-top: 1.8rem;
    }
    .secDetailsStyle .itemTxt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_24);
        margin-top: 1.2rem;
    }
    .secDetailsStyle .item:nth-child(n+2){
        margin-top: 1rem;
    }
    .secDetailsStyle .img img{
        border-radius: 0.5rem;
    }
    /* single */
    .secDetailsStyle .singleBox{
        display: block;
        align-items: center;
    }
    .secDetailsStyle .singleImg{
        width: 100%;
    }
    .secDetailsStyle .singleBox .itemTxt{
        margin: 1.2rem 0 0;
    }
}

.cmnBtnBack .cmnBtnBack{
    margin-top: 8rem;
}
@media only screen and (max-width:1215px){
    .cmnBtnBack .cmnBtnBack{
        margin-top: 3rem;
    }
}

.secBnr.underLine{
    padding-bottom: 8rem;
    border-bottom: 0.1rem dotted var(--borderColor);
}
@media only screen and (max-width:1215px){
    .secBnr.underLine{
        padding-bottom: 5rem;
    }
}

.secCmnBtnFormTop .cmnBtnFormTop{
    background: var(--keyColor);
    padding-top: 1.5rem;
}
.secCmnBtnFormTop .cmnBtnFormTop .inner{
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_20);
}
.secCmnBtnFormTop .spanTit{
    font-size: var(--pcFontSize16);
}
.secCmnBtnFormTop .cmnBtnFormTop .inner::after{
    content: '';
    width: 2.2rem;
    height: 2.9rem;
    position: absolute;
    top: -3.3rem;
    left: 50%;
    transform: translateX(-50%);
}
.secCmnBtnFormTop .cmnBtnFormTop.lazyloaded .inner::after{
    background: url(../img/common/iconContactNavi.png) center top / cover;
}
.secCmnBtnFormTop .cmnBtnFormTop .inner::before{
    transform: none;
    left: calc(50% - 0.75rem);
    bottom: -2rem;
}
@media only screen and (max-width:1215px){
    #footer .boxFooterBottom{
        margin-bottom: 0;
    }
    .secCmnBtnFormTop .cmnBtnFormTop{
        background: var(--keyColor);
        border-bottom: 0.2rem solid var(--cmnFromBtnBottom2);
        padding-top: 0;
    }
    .secCmnBtnFormTop .cmnBtnFormTop .inner{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_20);
        text-align: left;
    }
    .secCmnBtnFormTop .spanTit{
        font-size: var(--spFontSize16);
    }
    .secCmnBtnFormTop .spanSmall{
        font-size: var(--spFontSize12);
    }
    .secCmnBtnFormTop .cmnBtnFormTop .inner::after{
        width: 1.6rem;
        height: 2.1rem;
        position: absolute;
        top: 1rem;
        left: -2.8rem;
        transform: none;
    }
    .secCmnBtnFormTop .cmnBtnFormTop .inner::before {
        left: unset;
        right: -6.1rem;
        top: 1.8rem;
    }
}

.cmnBtnBackOn{
    margin-top: 8rem;
}
.cmnBtnBackOn .cmnBtnBack{
    margin-top: 0;
}
@media only screen and (max-width:1215px){
    .cmnBtnBackOn{
        margin-top: 2rem;
    }
    .cmnBtnBackOn .cmnBtnBack{
        margin-top: 0;
    }
}