@charset "utf-8";

/*-----------------------------------------------
    secHero
-----------------------------------------------*/
.secHero{
    background: url(../img/index/bgHero.jpg) center top / cover no-repeat;
}
.secHero .wrapper{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.secHero .boxHero{
    padding: 8.5rem 0 28.1rem;
    width: 103.5rem;
}
.secHero .boxIcon{
    position: absolute;
    bottom: 0;
    left: 0;
}
@media only screen and (max-width:1215px){
    .secHero .boxHero{
        padding: 6.3rem 0 16.6rem;
        max-width: 33.5rem;
    }
}
@media only screen and (max-width:767px){
    .secHero{
        background: url(../img/index/bgHero_sp.jpg) center center / cover no-repeat;
    }
    .secHero::after{
        display: none;
    }
}

/*-----------------------------------------------
    secSearch
-----------------------------------------------*/
.secSearch{
    position: relative;
    z-index: 1;
    margin-top: -21rem;
}
/* boxSearch */
.secSearch .boxSearch{
    position: relative;
    padding: 6rem 7rem 7.2rem;
    background-color: var(--beigeColor);
    border-radius: 10rem;
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.15);
}
.secSearch .boxSearch:after{
    position: absolute;
    content: '簡単ラクラク査定!';
    font-size: 0;
    bottom: 4rem;
    right: 5.6rem;
    display: block;
    width: 16.2rem;
    height: 22.9rem;
    background: url(../img/index/imgSearch.png) center top / cover no-repeat;
}
.secSearch .boxTit{
    text-align: center;
}
.secSearch .boxTit .txtTop{
    font-size: var(--pcFontSize30);
    letter-spacing: var(--pcLetterSpacing30_50);
    font-weight: bold;
}
.secSearch .boxTit .num{
    font-size: var(--pcFontSize45);
}
/* boxForm */
.secSearch .boxForm{
    margin-top: 3.8rem;
}
.secSearch .boxForm form{
    width: 100%;
}
.secSearch .boxForm .boxList{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.secSearch .boxForm .boxItem{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;
}
.secSearch .boxForm .tit{
    position: relative;
    font-size: var(--pcFontSize26);
    letter-spacing: var(--pcLetterSpacing26_50);
    font-weight: bold;
    padding-left: 4.5rem;
    margin-bottom: 2rem;
}
.secSearch .boxForm .txt{
    font-size: var(--pcFontSize26);
    letter-spacing: var(--pcLetterSpacing26_50);
    font-weight: bold;
}
/* linkBtn */
.secSearch .boxFormBtn{
    width: 50rem;
    margin: 4rem auto 0;
}
.secSearch .boxFormBtn .linkBtn{
    font-size: var(--pcFontSize26);
    overflow: hidden;
    z-index: 0;
}
.secSearch .boxFormBtn .linkBtn::before{
	content: "";
	position: absolute;
	top: 0;
	left: -50%;
	z-index: 2;
	display: block;
	opacity: 1;
	width: 10%;
	height: 100%;
	background: var(--white_light3Color);
	transform: skew(-25deg);
	transform-origin: top left;
	animation: oh-button-anim1 2s ease infinite; 
    z-index: -1;
}
@keyframes oh-button-anim1{
	0%{left:-50px;opacity:1}
	90%{left:100%;opacity:0}
	100%{left:100%;opacity:0}
}
.secSearch .boxFormBtn .txtIcon{
    font-size: var(--pcFontSize18);
    background-color: var(--whiteColor);
    border-radius: 1rem;
    padding: 0.7rem 0.6rem 0.5rem;
    font-weight: bold;
    margin: 0 0.5rem 0.2rem 0;
}
@media only screen and (max-width:1215px){
    .secSearch{
        display: flex;
        flex-direction: column-reverse;
        margin-top: -13.5rem;
    }
    .secSearch .boxSearch{
        border-radius: 2rem;
        padding: 2.8rem 1.5rem;
    }
    .secSearch .boxSearch:before{
        width: 15.3rem;
        height: 11.5rem;
    }
    .secSearch .boxSearch:after{
        display: none;
    }
    .secSearch .boxTit .txtTop{
        font-size: var(--spFontSize15);
        line-height: var(--spLineHeight15_22);
        letter-spacing: var(--spLetterSpacing15_0);
    }
    .secSearch .boxTit .tit{
        font-size: var(--spFontSize20);
    }
    .secSearch .boxTit .num{
        font-size: var(--spFontSize30);
    }
    /* boxForm */
    .secSearch .boxForm{
        margin-top: 1.5rem;
    }
    .secSearch .boxForm .boxList{
        gap: 2.5rem;
    }
    .secSearch .boxForm .item{
        width: 100%;
    }
    .secSearch .boxForm .boxItem{
        position: relative;
        z-index: 1;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 1.2rem;
    }
    .secSearch .boxForm .tit{
        font-size: var(--spFontSize16);
        letter-spacing: var(--spLetterSpacing16_0);
        padding-left: 3rem;
        margin-bottom: 1rem;
    }
    .secSearch .boxForm .txt{
        position: relative;
        font-size: var(--spFontSize18);
        letter-spacing: var(--spLetterSpacing18_50);
        padding-left: 1.8rem;
    }
    .secSearch .boxForm .txt::before{
        position: absolute;
        content: '';
        margin: auto;
        display: block;
        top: -0.2rem;
        left: 0;
        width: 1.4rem;
        height: 1.7rem;
        background: url(../img/common/iconAdd.png) center top / cover no-repeat;
    }
    /* linkBtn */
    .secSearch .boxFormBtn{
        width: 73.775%;
        margin-top: 2rem;
    }
    .secSearch .boxFormBtn .linkBtn{
        font-size: var(--spFontSize18);
    }
    .secSearch .boxForm .boxItem::after{
        position: absolute;
        content: '簡単ラクラク査定!';
        font-size: 0;
        margin: auto;
        display: block;
        bottom: 4rem;
        right: -1rem;
        width: 12.7rem;
        height: 9rem;
        background: url(../img/index/imgSearch_sp.png) center top / cover no-repeat;
        z-index: -1;
    }
    .secSearch .boxFormBtn .txtIcon{
        font-size: var(--spFontSize14);
        border-radius: 0.5rem;
    }
}
@media only screen and (max-width:767px){
    .secSearch {
        margin-top: -16.5rem;
    }
    .secSearch .boxSearch:before{
        top: -10rem;
        right: 0;
        left: 0;
    }
}

/*-----------------------------------------------
    boxForm
-----------------------------------------------*/
/* boxInput */
.boxForm .w190{
    width: 19rem;
}
.boxForm .w420{
    width: 42rem;
}
.boxForm .txtNote{
    font-size: var(--pcFontSize11);
    line-height: var(--pcLineHeight11_20);
    letter-spacing: var(--pcLetterSpacing11_50);
    text-align: left;
}
/* boxInput */
.boxInput{
    position: relative;
}
.boxInput .txtNote{
    position: absolute;
    bottom: -5.5rem;
    left: 0;
    white-space: nowrap;
}
.boxInput input{
    width: 100%;
    padding: 2.6rem 0 2.6rem 2rem;
    font-weight: bold;
    background: var(--whiteColor);
    border: 1px solid var(--borderSelectColor);
    font-size: var(--pcFontSize22);
    color: var(--textColor);
    border-radius: 1rem;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    font-family: inherit;
    box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.05);
}
/* boxSelect */
.boxSelect{
    position: relative;
    margin: auto;
}
.boxSelect::before{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.1rem 0.8rem 0 0.8rem;
    border-color: var(--bgSelectColor) transparent transparent transparent;
    top: 0;
    bottom: 0;
    right: 2rem;
    margin: auto;
}
.boxSelect select {
    width: 100%;
    padding: 3rem 2rem;
    font-weight: bold;
    background: var(--whiteColor);
    cursor: pointer;
    border: 1px solid var(--borderSelectColor);
    font-size: var(--pcFontSize22);
    border-radius: 1rem;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.05);
    color: var(--textColor);
}
.boxSelect select::placeholder,
.boxForm input::placeholder {
    color: var(--borderSelectColor);
}
.boxForm select:focus::placeholder,
.boxForm input:focus::placeholder {
    color: var(--borderSelectColor);
    color: transparent!important;
}
.boxSelect select:has(option:checked[value=""]) {
    color: var(--borderSelectColor);
}
.boxSelect select option { color: var(--textColor); }
.boxSearch .is_hidden {
    visibility: hidden;
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: -1;
}
@media only screen and (max-width:1215px){
    /* boxInput */
    .boxForm .w190{
        width: 14rem;
    }
    .boxForm .w420{
        width: 100%;
    }
    .boxForm .boxZip{
        width: calc(100% - 4rem);
        display: flex;
        align-items: center;
    }
    .boxForm .txtNote{
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_13);
        letter-spacing: var(--spLetterSpacing10_0);
        transform: scale(0.9);
    }
    /* boxInput */
    .boxInput input{
        padding: 1rem 0 1rem 1.5rem;
        font-size: var(--spFontSize16);
        border-radius: 0.5rem;
    }
    .boxForm .boxInput .txtNote{
        position: static;
    }
    /* boxSelect */
    .boxSelect::before{
        border-width: 0.8rem 0.4rem 0 0.4rem;
        right: 1rem;
    }
    .boxSelect select {
        padding: 1.3rem 1.5rem;
        font-size: var(--spFontSize16);
        border-radius: 0.5rem;
    }
}

/*-----------------------------------------------
    secHeroBtm
-----------------------------------------------*/
.secCampaign{
    margin: 10rem 0;
    text-align: center;
}
.secCampaign .tit{
    font-size: var(--pcFontSize30);
    letter-spacing: var(--pcLetterSpacing30_50);
    font-weight: bold;
}
.secCampaign .txt{
    font-size: var(--pcFontSize20);
    letter-spacing: var(--pcLetterSpacing20_50);
    font-weight: bold;
    margin-top: 2rem;
}
@media only screen and (max-width:1215px){
    .secCampaign{
        margin: 5rem 0;
    }
    .secCampaign .tit{
        font-size: var(--spFontSize18);
        letter-spacing: var(--spLetterSpacing18_0);
    }
    .secCampaign .txt{
        font-size: var(--spFontSize12);
        letter-spacing: var(--spLetterSpacing12_0);
        margin-top: 1rem;
    }
}

/*-----------------------------------------------
    secPurchase
-----------------------------------------------*/
.secPurchase{
    margin-top: 15rem;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 8.7rem;
    text-align: center;
}
.secPurchase.lazyloaded{
    background-image: url(../img/index/bgPurchase.jpg);
}
@media only screen and (max-width:1215px){
    .secPurchase{
        margin-top: 7.5rem;
        padding-top: 0;
        background-position: center bottom;
    }
}
@media only screen and (max-width:767px){
    .secPurchase.lazyloaded{
        background-image: url(../img/index/bgPurchase_sp.jpg);
    }
}

/*-----------------------------------------------
    secPoint
-----------------------------------------------*/
.secPoint{
    margin: 15rem 0 19rem;
}
/* boxList */
.secPoint .boxList{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8rem 7.8%;
    margin-top: 10rem;
}
.secPoint .item{
    width: calc((100% - 19.999rem) / 3);
}
.secPoint .boxList .tit{
    font-size: var(--pcFontSize32);
    line-height: var(--pcLineHeight32_44);
    letter-spacing: var(--pcLetterSpacing32_50);
    font-weight: bold;
    margin-bottom: 3.5rem;
    text-align: center;
}
.secPoint .boxList img{
    border-radius: 5rem;
}
.secPoint .boxList .txt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_32);
    letter-spacing: var(--pcLetterSpacing16_50);
    font-weight: bold;
    margin-top: 2rem;
}
@media only screen and (max-width:1215px){
    .secPoint{
        margin: 6rem 0 19rem;
    }
    /* boxList */
    .secPoint .boxList{
        gap: 3rem 0;
        margin-top: 3.8rem;
    }
    .secPoint .item{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .secPoint .boxList .tit{
        order: 2;
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_26);
        letter-spacing: var(--spLetterSpacing18_0);
        margin: 2.5rem 0 0.5rem 0;
    }
    .secPoint .boxList .img{
        order: 1;
        width: 20.5rem;
        margin: 0 auto;
    }
    .secPoint .boxList img{
        border-radius: 2.5rem;
    }
    .secPoint .boxList .txt{
        order: 3;
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_21);
        letter-spacing: var(--spLetterSpacing13_0);
        font-weight: normal;
        margin-top: 0;
    }
}

/*-----------------------------------------------
    secMethod
-----------------------------------------------*/
.secMethod{
    margin-top: 15rem;
    padding: 13rem 0;
    background-color: var(--beige_light2Color);
}
/* boxList */
.secMethod .boxList{
    margin-top: 4.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.secMethod .item{
    position: relative;
    display: flex;
    justify-content: center;
    width: 47.657%;
    background-color: var(--whiteColor);
    box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.05);
    border-radius: 3rem;
    overflow: hidden;
    text-align: center;
    padding-top: 9rem;
}
.secMethod .item .tit{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 9rem;
    text-align: center;
    font-size: var(--pcFontSize30);
    letter-spacing: var(--pcLetterSpacing28_50);
    color: var(--whiteColor);
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0.5rem;
}
.secMethod .item .tit.bg01{
    background-color: var(--blue1Color);
}
.secMethod .item .tit.bg02{
    background-color: var(--blue2Color);
}
.secMethod .item .img{
    padding: 5rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.secMethod .txtBtm{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_32);
    letter-spacing: var(--pcLetterSpacing16_50);
    font-weight: bold;
    margin-top: 4.5rem;
    text-align: center;
}
@media only screen and (max-width:1215px){
    .secMethod{
        margin-top: 8rem;
        padding: 5rem 0;
    }
    /* boxList */
    .secMethod .boxList{
        margin-top: 3rem;
        gap: 2rem 0;
    }
    .secMethod .item{
        width: 100%;
        box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.05);
        border-radius: 1rem;
        padding-top: 5rem;
    }
    .secMethod .item .tit{
        height: 5rem;
        font-size: var(--spFontSize16);
        letter-spacing: var(--spLetterSpacing16_0);
        padding-top: 0;
    }
    .secMethod .item .img{
        padding: 3.5rem 2rem;
    }
    .secMethod .txtBtm{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_23);
        letter-spacing: var(--spLetterSpacing13_0);
        margin-top: 2.5rem;
        text-align: left;
    }
}

/*-----------------------------------------------
    secReview
-----------------------------------------------*/
.secReview{
    margin-top: 16rem;
}
/* secSlider */
.secReview .boxSlider{
    position: relative;
}
.secReview .boxSlider .swiper{
    margin: 6rem 5rem 0 10rem;
    overflow: visible;
}
.secReview .disabled .swiper-wrapper{
    gap: 3rem;
}
.secReview .swiper-slide{
    width: 40rem;
    height: auto;
}
/* boxReview */
.secReview .boxReview{
    height: 100%;
    background-color: var(--beige_light2Color);
    border-radius: 0 2rem 2rem 2rem;
    padding: 4rem 3.5rem 4.5rem;
}
.secReview .boxReview .img{
    width: 13rem;
    margin: 0 auto;
    text-align: center;
}
.secReview .img img{
    border-radius: 100%;
}
.secReview .boxReview .tit{
    font-size: var(--pcFontSize16);
    letter-spacing: var(--pcLetterSpacing16_50);
    font-weight: bold;
    text-align: center;
    margin-top: 2.5rem;
}
.secReview .icon{
    text-align: center;
    margin-top: 1.5rem;
}
.secReview .boxReview .txt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_28);
    letter-spacing: var(--pcLetterSpacing14_50);
    margin-top: 1.5rem;
}
.secReview .boxReview .txt + .txt{
    margin-top: 1rem;
}
.secReview .swiper-button-prev,
.secReview .swiper-button-next{
    width: 9rem;
    height: 9rem;
    margin-top: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: var(--whiteColor);
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 100%;
}
.secReview .swiper-button-prev{
    left: 2rem;
    transform: rotate(180deg);
}
.secReview .swiper-button-next{
    right: 2rem;
}
.secReview .swiper-button-prev::before,
.secReview .swiper-button-next::before{
    display: none;
}
.secReview .swiper-button-prev::after,
.secReview .swiper-button-next::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 1.5rem;
    height: 1.5rem;
    border-top: 3px solid var(--textColor);
    border-right: 3px solid var(--textColor);
    transform: rotate(45deg);
}
.secReview .swiper-horizontal>.swiper-scrollbar,
.secReview .swiper-scrollbar.swiper-scrollbar-horizontal{
    position: absolute;
    left: -1rem;
    bottom: 1rem;
    height: 5px;
    background: transparent;
}
.secReview .swiper-scrollbar-drag{
    border-radius: 0.25rem;
    background-color: var(--black_light2Color);
}
@media only screen and (max-width:1215px){
    .secReview{
        margin-top: 8rem;
    }
    /* secSlider */
    .secReview .boxSlider .swiper{
        width: 89.556%;
        margin: 3rem auto 0 0;
    }
    .secReview .disabled .swiper-wrapper{
        gap: 1rem;
    }
    .secReview .swiper-slide{
        width: 89.556%;
    }
    /* boxReview */
    .secReview .boxReview{
        border-radius: 0 1rem 1rem 1rem;
        padding: 3rem 2rem;
    }
    .secReview .boxReview .img{
        width: 7rem;
    }
    .secReview .boxReview .tit{
        font-size: var(--spFontSize14);
        letter-spacing: var(--spLetterSpacing14_0);
        margin-top: 1.5rem;
    }
    .secReview .icon{
        width: 12.4rem;
        margin: 1rem auto 0;
    }
    .secReview .boxReview .txt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_22);
        letter-spacing: var(--spLetterSpacing12_0);
        margin-top: 1.8rem;
    }
    .secReview .boxReview .txt + .txt{
        margin-top: 0.5rem;
    }
    .secReview .swiper-button-prev,
    .secReview .swiper-button-next{
        display: none;
    }
    .secReview .swiper-horizontal>.swiper-scrollbar,
    .secReview .swiper-scrollbar.swiper-scrollbar-horizontal{
        left: -1rem;
        bottom: 1rem;
        height: 3px;
    }
    .secReview .swiper-scrollbar-drag{
        min-width: 10rem !important;
        border-radius: 0.15rem;
    }
}

/*-----------------------------------------------
    secFlow
-----------------------------------------------*/
.secFlow{
    margin-top: 19rem;
    text-align: center;
}
/* boxList */
.secFlow .boxList{
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4rem;
    margin-top: 8.5rem;
}
.secFlow .boxList:after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    left: 5rem;
    width: 1.2rem;
    height: 100%;
    background-color: var(--gray_light5Color);
    z-index: -1;
}
.secFlow .boxList .item{
    width: 100%;
    border-radius: 3rem;
    background-color: var(--whiteColor);
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.15);
    display: flex;
}
.secFlow .boxList .boxStep{
    border-radius: 3rem 0 0 3rem;
    width: 11rem;
    background-color: var(--gray_light5Color);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--whiteColor);
}
.secFlow .boxStep .tit{
    font-size: var(--pcFontSize16);
    letter-spacing: var(--pcLetterSpacing16_50);
    font-weight: bold;
}
.secFlow .boxStep .txt{
    font-size: var(--pcFontSize42);
    letter-spacing: var(--pcLetterSpacing42_50);
    margin-top: 0.5rem;
    font-weight: bold;
}
.secFlow .boxList .boxTit{
    text-align: left;
    width: calc(100% - 11rem);
}
.secFlow .boxList .boxTxt{
    padding: 5.4rem 4rem 4rem;
}
.secFlow .boxTxt .tit{
    font-size: var(--pcFontSize30);
    letter-spacing: var(--pcLetterSpacing30_50);
    font-weight: bold;
}
.secFlow .boxTxt .in{
    font-size: var(--pcFontSize20);
}
.secFlow .boxTxt .txt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_28);
    letter-spacing: var(--pcLetterSpacing16_50);
    margin-top: 0.8rem;
}
.secFlow .boxTxt .txt2{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_24);
    margin-top: 0.8rem;
}
.secFlow .boxList .boxInfo{
    position: relative;
    background-color: var(--beige_darkColor);
    border-radius: 0 0 3rem 0;
    padding: 1.5rem 4rem;
}
.secFlow .boxCta{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.4rem;
}
.secFlow .boxCta .tit{
    font-size: var(--pcFontSize16);
    letter-spacing: var(--pcLetterSpacing16_50);
    font-weight: bold;
}
.secFlow .boxCta .link{
    overflow-x: clip;
    z-index: 1;
    width: 30rem;
    height: 7rem;
    font-size: var(--pcFontSize22);
    border-radius: 1.5rem;
}
.secFlow .boxCta .link::before{
	content: "";
	position: absolute;
	top: 0;
	left: -10%;
	z-index: 2;
	display: block;
	opacity: 1;
	width: 10%;
	height: 100%;
	background: var(--white_light3Color);
	transform: skew(-25deg);
	transform-origin: top left;
	animation: oh-button-anim1 2s ease infinite; 
    z-index: -1;
}
.secFlow .boxCta .txtIcon{
    font-size: var(--pcFontSize14);
    background-color: var(--whiteColor);
    border-radius: 0.6rem;
    padding: 0.3rem 0.6rem 0.1rem;
    font-weight: bold;
    margin-right: 0.5rem;
    vertical-align: 0.2rem;
}
.secFlow .boxList .boxCheck{
    color: var(--redColor);
    padding-bottom: 4rem;
}
.secFlow .boxList .fBlue{
    color: var(--blue3Color);
}
.secFlow .boxList .box{
    display: flex;
    flex-wrap: wrap;
}
.secFlow .boxCheck .img01{
    position: relative;
    margin-top: -3rem;
}
.secFlow .boxCheck .boxTxtList{
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
    margin-top: 2.5rem;
}
.secFlow .boxCheck .tit{
    font-size: var(--pcFontSize18);
    font-weight: bold;
    width: 100%;
}
.secFlow .boxCheck .txt{
    min-width: 40%;
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_30);
    letter-spacing: var(--pcLetterSpacing14_50);
    margin-top: 1.5rem;
}
.secFlow .boxCheck .txtIn{
    display: block;
}
.secFlow .boxCheck .in{
    line-height: var(--pcLineHeight14_21);
}
.secFlow .txtMemo{
    font-size: var(--pcFontSize16);
    letter-spacing: var(--pcLetterSpacing16_50);
    margin-top: 5.5rem;
}
@media only screen and (max-width:1215px){
    .secFlow{
        margin-top: 7rem;
    }
    /* boxList */
    .secFlow .boxList{
        gap: 1.8rem;
        margin-top: 3.5rem;
        justify-content: flex-end;
    }
    .secFlow .boxList:after{
        top: 0;
        left: 0;
        right: 0;
        width: 1.1rem;
    }
    .secFlow .boxList .item{
        position: relative;
        width: 97.015%;
        border-radius: 2rem;
    }
    .secFlow .boxList .boxStep{
        position: absolute;
        top: 2rem;
        left: -2rem;
        width: 4rem;
        height: 4rem;
        border-radius: 100%;
    }
    .secFlow .boxStep .tit{
        display: none;
    }
    .secFlow .boxStep .txt{
        font-size: var(--spFontSize14);
        letter-spacing: var(--spLetterSpacing14_0);
        margin-top: 0;
    }
    .secFlow .boxList .boxTit{
        width: 100%;
    }
    .secFlow .boxList .boxTxt{
        padding: 3rem 2.5rem 2.2rem 3.5rem;
    }
    .secFlow .boxTxt .tit{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_26);
        letter-spacing: var(--spLetterSpacing18_0);
    }
    .secFlow .boxTxt .in{
        font-size: var(--spFontSize11);
        display: block;
        width: 100%;
    }
    .secFlow .boxTxt .txt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        letter-spacing: var(--spLetterSpacing12_0);
        margin-top: 0;
    }
    .secFlow .boxTxt .txt2{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_20);
    }
    .secFlow .boxList .boxInfo{
        border-radius: 0 0 2rem 2rem;
        padding: 1.5rem 2rem;
    }
    .secFlow .boxCta{
        gap: 1rem;
        flex-direction: column;
    }
    .secFlow .boxInfo .img01{
        width: 3.6rem;
    }
    .secFlow .boxCta .tit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_21);
    }
    .secFlow .boxCta .link{
        width: 100%;
        height: 5rem;
        font-size: var(--spFontSize16);
        border-radius: 1rem;
    }
    .secFlow .boxCta .txtIcon{
        font-size: var(--spFontSize12);
        border-radius: 0.5rem;
        margin-right: 0.5rem;
        vertical-align: 0.2rem;
        padding-top: 0.2rem;
    }
    .secFlow .boxList .boxInfo.boxCheck{
        padding: 1.5rem 3rem 2.5rem 2.5rem;
    }
    .secFlow .boxCheck .img01{
        margin: -3rem 0 0 -1rem;
    }
    .secFlow .boxCheck .boxTxtList{
        flex-wrap: wrap;
        gap: 2.5rem;
        margin-top: 1rem;
    }
    .secFlow .boxCheck .boxTxtList2{
        gap: 0;
    }
    .secFlow .boxCheck .tit{
        font-size: var(--spFontSize13);
    }
    .secFlow .boxCheck .txt{
        min-width: 100%;
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_24);
        letter-spacing: var(--spLetterSpacing12_0);
        margin-top: 1rem;
    }
    .secFlow .boxCheck .txt + .txt,
    .secFlow .boxTxtList2 .box:nth-child(2) .txt{
        margin-top: 0;
    }
    .secFlow .boxCheck .txtIn{
        text-indent: -1em;
        padding-left: 1em;
    }
    .secFlow .boxCheck .in{
        line-height: var(--spLineHeight12_18);
    }
    .secFlow .txtMemo{
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_18);
        letter-spacing: var(--spLetterSpacing10_0);
        margin-top: 2.5rem;
    }
}


/*-----------------------------------------------
    secMerit
-----------------------------------------------*/
.secMerit{
    margin-top: 19rem;
    text-align: center;
}
/* boxCmnTit */
.secMerit .boxCmnTit{
    position: relative;
    display: inline-block;
}
.secMerit .boxCmnTit .boxImgTit{
    position: absolute;
    top: -11rem;
    left: -12rem;
}
.secMerit .boxCmnTit .titIcon{
    position: relative;
    display: inline-block;
    padding-right: 11rem;
}
.secMerit .boxCmnTit .titIcon:before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: -0.5rem;
    right: 0;
    width: 10.9rem;
    height: 8.9rem;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}
.secMerit.lazyloaded .boxCmnTit .titIcon::before{
    background-image: url(../img/icon/icon08.png);
}
/* boxMerit */
.secMerit .boxMerit{
    position: relative;
    margin-top: 6rem;
}
.secMerit .boxMerit .boxList{
    display: flex;
    flex-wrap: wrap;
    gap: 5.5rem 4rem;
}
.secMerit .boxMerit .item{
    width: calc((100% - 7.999rem) / 3);
}
.secMerit .boxMerit img{
    border-radius: 0 2rem 2rem 2rem;
}
.secMerit .boxMerit .tit{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_25);
    letter-spacing: var(--pcLetterSpacing22_50);
    text-align: center;
    font-weight: bold;
    margin-top: 4rem;
}
.secMerit .boxMerit .in{
    font-size: var(--pcFontSize16);
}
@media only screen and (max-width:1530px){
    .secMerit .boxMerit .tit{
        font-size: var(--pcFontSize20);
        margin-top: 2.5rem;
    }
}
@media only screen and (max-width:1215px){
    .secMerit{
        margin-top: 7.5rem;
    }
    /* boxCmnTit */
    .secMerit .boxCmnTit .tit65{
        font-size: var(--spFontSize22);
        line-height: var(--spLineHeight22_34);
        letter-spacing: var(--spLetterSpacing24_0);
    }
    /* boxMerit */
    .secMerit .boxMerit{
        margin-top: 3rem;
    }
    .secMerit .boxMerit .boxList{
        justify-content: space-between;
        gap: 2.5rem 0;
    }
    .secMerit .boxMerit .item{
        width: calc((100% - 1.1rem) / 2);
    }
    .secMerit .boxMerit .item50{
        width: 100%;
    }
    .secMerit .boxMerit img{
        border-radius: 0 1rem 1rem 1rem;
    }
    .secMerit .boxMerit .tit{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
        letter-spacing: var(--spLetterSpacing12_0);
        margin-top: 1.3rem;
    }
    .secMerit .boxMerit .in{
        font-size: var(--spFontSize11);
    }
}


/*-----------------------------------------------
    secFaq
-----------------------------------------------*/
.secFaq{
    position: relative;
    margin-top: 23rem;
    padding-top: 15rem;
}
.secFaq:before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 79.3rem;
    background-image: -moz-linear-gradient( -90deg, rgb(255,102,0) 0%, rgb(255,148,0) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(255,102,0) 0%, rgb(255,148,0) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(255,102,0) 0%, rgb(255,148,0) 100%);
}
.secFaq .wrapper{
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    z-index: 1;
}
.secFaq .boxCmnTit{
    position: relative;
    width: 36.508%;
    text-align: left;
    color: var(--whiteColor);
    font-weight: bold;
}
.secFaq .boxCmnTit .tit{
    margin: 2.5rem 0 1.5rem;
}
.secFaq .boxCmnTit .txt01{
    font-size: var(--pcFontSize21);
    letter-spacing: var(--pcLetterSpacing21_50);
}
.secFaq .boxCmnTit .txt02{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_38);
    letter-spacing: var(--pcLetterSpacing18_50);
}
.secFaq .boxCmnTit .img01{
    margin: 4rem 0 0 3rem;
}
/* boxFaq */
.secFaq .boxFaq{
    position: relative;
    width: 63.494%;
    margin: 0;
    background-color: var(--beige_darkColor);
    border-radius: 3rem 0 0 3rem;
    padding: 6.5rem 0 6.5rem 6.5rem;
}
.secFaq .boxFaq:before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    right: -51%;
    width: 51%;
    height: 100%;
    background-color: var(--beige_darkColor);
}
.secFaq .boxFaq .titCategory{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_34);
    letter-spacing: var(--pcLetterSpacing22_50);
    font-weight: bold;
    margin-bottom: 2.5rem;
}
.secFaq .boxList + .titCategory{
    margin-top: 3.5rem;
}
.secFaq .boxFaq .boxList{
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    width: 100%;
}
.secFaq .boxFaq .item{
    width: 100%;
    background-color: var(--whiteColor);
    border-radius: 1rem;
}
.secFaq .boxFaq .boxTit{
    position: relative;
    padding: 2.8rem 3rem;
}
.secFaq .boxFaq .boxTit:before,
.secFaq .boxFaq .boxTit:after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 2.8rem;
    left: 3rem;
    width: 2.6rem;
    height: 2.6rem;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}
.secFaq.lazyloaded .boxFaq .boxTit::before{
    background-image: url(../img/index/iconSearch.png);
}
.secFaq .boxFaq .boxTit:after{
    left: auto;
    right: 3rem;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 100%;
    border: 1px solid var(--gray_light3Color);
}
.secFaq .boxFaq .tit{
    position: relative;
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_28);
    letter-spacing: var(--pcLetterSpacing16_50);
    font-weight: bold;
    padding: 0 3.6rem;
}
.secFaq .boxFaq .tit:before,
.secFaq .boxFaq .tit:after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 1.5rem;
    right: 0.9rem;
    width: 1.2rem;
    height: 0.2rem;
    background-color: var(--green_darkColor);
    transition: transform 0.3s ease-in-out;
}
.secFaq .boxFaq .tit:after{
    transform: rotate(90deg);
}
.secFaq .boxFaq .on .tit:after{
    transform: rotate(0);
}
.secFaq .boxFaq .boxTxt{
    display: none;
    padding: 0 3rem 2.5rem;
    margin-top: -1.5rem;
}
.secFaq .item .boxTxt.on{
    display: block;
}
.secFaq .boxFaq .txt{
    position: relative;
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_30);
    letter-spacing: var(--pcLetterSpacing14_50);
    padding: 0  0 0 3.6rem;
}
.secFaq .boxFaq .txt:before{
    position: absolute;
    content: 'A';
    margin: auto;
    display: block;
    top: 0;
    left: 0.5rem;
    color: var(--gray_light5Color);
    font-size: var(--pcFontSize24);
    line-height: 1;
    font-weight: bold;
}
@media only screen and (max-width:1215px){
    .secFaq{
        margin-top: 10rem;
        padding-top: 4rem;
    }
    .secFaq:before{
        height: 70rem;
    }
    .secFaq .wrapper {
        width: 100%;
        margin: 0 auto;
        flex-direction: column;
    }
    /* boxCmnTit */
    .secFaq .boxCmnTit {
        position: relative;
        font-weight: normal;
        width: 82%;
        margin: 0 auto;
    }
    .secFaq .boxCmnTit:before{
        bottom: -6rem;
        right: -1rem;
        width: 7.7rem;
        height: 13.8rem;
    }
    .secFaq .boxCmnTit .tit{
        margin: 1rem 0 0.8rem;
    }
    .secFaq .boxCmnTit .txt01{
        font-size: var(--spFontSize13);
        letter-spacing: var(--spLetterSpacing13_0);
    }
    .secFaq .boxCmnTit .txt02{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        letter-spacing: var(--spLetterSpacing12_0);
    }
    .secFaq .boxCmnTit .img01 {
        position: absolute;
        top: 1rem;
        right: -2rem;
        width: 11rem;
        margin: 0;
    }
    /* boxFaq */
    .secFaq .boxFaq{
        width: 94.67%;
        border-radius: 2rem 0 0 2rem;
        padding: 3rem 2rem;
        margin: 4rem 0 0 auto;
    }
    .secFaq .boxFaq:before{
        display: none;
    }
    .secFaq .boxFaq .titCategory{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_22);
        letter-spacing: var(--spLetterSpacing14_0);
        margin-bottom: 1.5rem;
    }
    .secFaq .boxList + .titCategory{
        margin-top: 2.5rem;
    }
    .secFaq .boxFaq .boxList{
        gap: 1rem;
        width: 100%;
    }
    .secFaq .boxFaq .boxTit{
        padding: 1.5rem 1.2rem;
    }
    .secFaq .boxFaq .boxTit:after,
    .secFaq .boxFaq .boxTit:before{
        top: 0;
        bottom: 0;
    }
    .secFaq .boxFaq .boxTit:before{
        left: 1.2rem;
        width: 1.8rem;
        height: 1.8rem;
    }
    .secFaq .boxFaq .boxTit:after{
        right: 1rem;
        width: 2.8rem;
        height: 2.8rem;
    }
    .secFaq .boxFaq .tit{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        letter-spacing: var(--spLetterSpacing12_0);
        padding: 0 3rem 0 2.6rem;
    }
    .secFaq .boxFaq .tit:before,
    .secFaq .boxFaq .tit:after{
        top: 0;
        bottom: 0;
        right: 0.7rem;
        width: 1rem;
    }
    .secFaq .boxFaq .tit:after{
        transform: rotate(90deg);
    }
    .secFaq .boxFaq .boxTxt{
        display: none;
        padding: 0 1.2rem 2.5rem 0.8rem;
        margin-top: -0.5rem;
    }
    .secFaq .boxFaq .txt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        letter-spacing: var(--spLetterSpacing12_0);
        padding: 0  0 0 3.2rem;
    }
    .secFaq .boxFaq .txt:before{
        font-size: var(--spFontSize22);
    }
}

/*-----------------------------------------------
    secCompany
-----------------------------------------------*/
.secCompany{
    margin-top: 16rem;
}
/* secCompanyLink */
.secCompanyLink {
    position: relative;
}
.secCompany .boxList{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 3rem;
}
.secCompany .item{
    width: calc((100% - 5.999rem) / 3);
}
.secCompany .link{
    position: relative;
    width: 100%;
    display: block;
    background-color: var(--whiteColor);
    border-radius: 0 2rem 2rem;
    padding: 1rem 1rem 6rem 1rem;
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1);
}
.secCompany .link img{
    border-top-right-radius: 2rem;
}
.secCompany .link .boxTxt {
    margin-top: 3.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.secCompany .tit {
    font-size: var(--pcFontSize28);
    line-height: var(--pcLineHeight28_42);
    text-align: center;
    font-weight: bold;
}
.secCompany .txt {
    font-size: var(--pcFontSize14);
    margin-top: 2.7rem;
    text-decoration: underline;
    text-align: center;
    color: var(--grayColor);
}
.secCompany .secCmnTicker {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: flex;
    align-items: center;
    z-index: -1;
}
/* secGroupLink */
.secGroupLink {
    margin-top: 15rem;
}
.secGroupLink .itemGroup{
    width: 100%;
}
.secGroupLink .linkGroup{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.secGroupLink .boxImg{
    width: 45rem;
}
.secGroupLink .img{
    aspect-ratio: 450 / 300;
}
.secGroupLink .boxTxt{
    width: calc((100% - 45rem) - 6rem);
}
.secGroupLink .tit {
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_36);
    text-align: left;
}
@media only screen and (max-width:1215px){
    .secCompany{
        margin-top: 5rem;
    }
    /* boxList */
    .secCompany .boxList{
        gap: 0;
        justify-content: space-between;
    }
    .secCompany .item{
        width: 48.36%;
    }
    .secCompany .link{
        display: flex;
        flex-direction: column;
        width: 100%;
        border-radius: 0 1rem 1rem 1rem;
        padding: 0.5rem;
    }
    .secCompany .link .img{
        width: 100%;
    }
    .secCompany .link img{
        border-top-right-radius: 1rem;
    }
    .secCompany .link .boxTxt {
        width: 100%;
        margin: 1.5rem 0 2rem;
    }
    .secCompany .link .tit {
        font-size: var(--spFontSize16);
    }
    .secCompany .txt {
        font-size: var(--spFontSize12);
        margin-top: 1rem;
    }
    .secCompany .secCmnTicker {
        display: none;
    }
    /* secGroupLink */
    .secGroupLink {
        margin-top: 5rem;
    }
    .secGroupLink .boxImg{
        width: 7rem;
    }
    .secGroupLink .img{
        aspect-ratio: 70 / 70;
    }
    .secGroupLink .boxTxt{
        width: calc((100% - 7rem) - 1.5rem);
    }
    .secGroupLink .tit {
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_20);
        margin-bottom: -0.5rem;
        font-weight: normal;
    }
}