@charset "utf-8";

/*-----------------------------------------------
    secHero
-----------------------------------------------*/
.secHero{
    padding: 13.5rem 0 22.7rem;
    background: url(../img/index/bgHero.jpg) center top / cover no-repeat;
}
.secHero .wrapper{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.secHero .boxHero{
    width: 67.9rem;
}
.secHero .boxAward{
    width: 92.6rem;
}
@media only screen and (max-width:1215px){
    .secHero{
        position: relative;
        padding: 4.5rem 0 6.8rem;
    }
    .secHero::after{
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 15rem;
        background: linear-gradient(to bottom, rgba(0, 0, 0, .3), transparent);
        z-index: 0;
    }
    .secHero .wrapper{
        position: relative;
        z-index: 1;
        align-items: center;
        flex-direction: column;
    }
    .secHero .boxHero{
        max-width: calc(100% - 2rem);
        width: 33.8rem;
    }
    .secHero .boxAward{
        max-width: calc(100% - 2rem);
        margin-top: 1.8rem;
        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: -10rem;
}
/* txtInfo */
.secSearch .txtInfo{
    position: absolute;
    top: 14rem;
    right: 0;
    width: calc((100% - 126rem) / 2);
    padding: 0 2rem 0 4rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    font-size: var(--pcFontSize11);
    line-height: var(--pcLineHeight11_16);
    letter-spacing: var(--pcLetterSpacing11_50);
}
.secSearch .txtInfo .in{
    text-indent: -2em;
    padding-left: 2em;
    display: block;
}
/* boxSearch */
.secSearch .boxSearch{
    position: relative;
    padding: 5.5rem 7rem;
    background-color: var(--beigeColor);
    border-radius: 10rem;
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.15);
}
.secSearch .boxSearch:before,
.secSearch .boxSearch:after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: -8.5vw;
    right: -7vw;
    width: 19.167vw;
    height: 14.4278vw;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/icon/icon01.png);
}
.secSearch .boxSearch:after{
    content: '簡単ラクラク査定!';
    font-size: 0;
    top: auto;
    bottom: 0;
    right: auto;
    left: 19rem;
    width: 21.9rem;
    height: 20.3rem;
    background-image: url(../img/index/imgSearch.png);
}
.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{
    counter-reset: number 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.secSearch .boxForm .boxItem{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.2rem;
}
.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 .tit::before,
.secSearch .boxForm .tit::after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3.6rem;
    height: 3.6rem;
}
.secSearch .boxForm .tit::before{
    border-radius: 100%;
    background-color: var(--orange_lightColor);
}
.secSearch .boxForm .tit::after{
    counter-increment: number 1;
    content: counter(number);
    color: var(--whiteColor);
    z-index: 2;
    font-size: var(--pcFontSize18);
    display: flex;
    justify-content: center;
    align-items: center;
}
.secSearch .boxForm .txt{
    font-size: var(--pcFontSize26);
    letter-spacing: var(--pcLetterSpacing26_50);
    font-weight: bold;
}
/* linkBtn */
.secSearch .boxFormBtn{
    width: 50rem;
    margin: 8rem 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:1810px){
    .secSearch .txtInfo{
        font-size: var(--pcFontSize10);
        padding-left: 2rem;
    }
    .secSearch .txtInfo br{
        display: none;
    }
}
@media only screen and (max-width:1610px){
    .secSearch .txtInfo{
        top: 10rem;
        transform: scale(0.8);
        padding: 0 1rem;
    }
}
@media only screen and (max-width:1215px){
    .secSearch{
        display: flex;
        flex-direction: column-reverse;
        margin-top: -5rem;
    }
    .secSearch .txtInfo{
        position: static;
        gap: 0.2rem;
        width: 89.336%;
        margin: 1.8rem auto 0;
        padding: 0;
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_18);
        text-align: right;
        transform: scale(1);
    }
    .secSearch .txtInfo br{
        display: inline;
    }
    .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: 0.5rem;
    }
    .secSearch .boxForm .boxList{
        gap: 2.5rem;
    }
    .secSearch .boxForm .item{
        width: 100%;
    }
    .secSearch .boxForm .boxItem{
        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 .tit::before,
    .secSearch .boxForm .tit::after{
        width: 2.4rem;
        height: 2.4rem;
    }
    .secSearch .boxForm .tit::after{
        font-size: var(--spFontSize12);
    }
    .secSearch .boxForm .txt{
        font-size: var(--spFontSize22);
        letter-spacing: var(--spLetterSpacing22_50);
    }
    .secSearch .boxForm .txt2{
        width: 100%;
        font-size: var(--spFontSize18);
    }
    /* linkBtn */
    .secSearch .boxFormBtn{
        width: 73.775%;
        margin: 3rem auto 0;
    }
    .secSearch .boxFormBtn .linkBtn{
        overflow: visible;
        font-size: var(--spFontSize18);
    }
    .secSearch .boxFormBtn .linkBtn::before{
        display: none;
    }
    .secSearch .boxFormBtn .linkBtn::after{
        position: absolute;
        content: '簡単ラクラク査定!';
        font-size: 0;
        margin: auto;
        display: block;
        bottom: -2.8rem;
        left: -5rem;
        width: 10.4rem;
        height: 11.3rem;
        background: url(../img/index/imgSearch_sp.png) center top / cover no-repeat;
    }
    .secSearch .boxFormBtn .txtIcon{
        font-size: var(--spFontSize14);
        border-radius: 0.5rem;
    }
}
@media only screen and (max-width:767px){
    /* .secSearch .boxSearch{
        overflow-x: clip;
    } */
    .secSearch .boxSearch:before{
        top: -10rem;
        right: 0;
        left: 0;
    }
}

/*-----------------------------------------------
    boxForm
-----------------------------------------------*/
/* boxInput */
.boxForm .w190{
    width: 19rem;
}
.boxForm .w330{
    width: 33rem;
}
.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,
.boxSelect .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(--bgSelect2Color) transparent transparent transparent;
    top: 0;
    bottom: 0;
    right: 2rem;
    margin: auto;
}
.boxSelect::after{
    position: absolute;
    font-size: 0;
    margin: auto;
    display: block;
    top: 0;
    left: 0;
    width: 5.5rem;
    height: 100%;
    background-color: var(--bgSelectColor);
    border-radius: 1rem 0 0 1rem;
}
.boxSelect.is_type::after{
    content: '種別を選択';
    background: url(../img/common/iconType.png) center center / 2.3rem 2.2rem no-repeat,var(--bgSelectColor);
}
.boxSelect.is_add::after{
    content: '町名を選択';
    background: url(../img/common/iconAdd.png) center center / 2rem 2.4rem no-repeat,var(--bgSelectColor);
}
.boxSelect select {
    width: 100%;
    padding: 3rem 0 3rem 7.5rem;
    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 .w330{
        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;
    }
    .boxForm .boxSelect.is_add{
        margin-bottom: 4rem;
    }
    .boxForm .boxSelect .txtNote{
        bottom: -3rem;
    }
    /* boxSelect */
    .boxSelect::before{
        border-width: 0.8rem 0.4rem 0 0.4rem;
        right: 1rem;
    }
    .boxSelect::after{
        width: 3.5rem;
        border-radius: 0.5rem 0 0 0.5rem;
    }
    .boxSelect.is_type::after{
        background-size: 1.6rem 1.5rem;
    }
    .boxSelect.is_add::after{
        background-size: 1.4rem 1.7rem;
    }
    .boxSelect select {
        padding: 1.3rem 0 1.3rem 4.5rem;
        font-size: var(--spFontSize16);
        border-radius: 0.5rem;
    }
}

/*-----------------------------------------------
    secMovie
-----------------------------------------------*/
.secMovie{
    margin-top: 13rem;
}
.secMovie .wrapper{
    display: flex;
    justify-content: space-between;
    padding: 0 6.7rem;
}
/* boxMovie */
.secMovie .boxMovie{
    position: relative;
    width: 57rem;
    height: 0;
    padding-top: 28.42%;
    text-align: center;
}
.secMovie .boxMovie iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    border-radius: 1rem;
}
/* boxTxt */
.secMovie .boxTxt{
    width: calc(100% - 62rem);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-weight: bold;
}
.secMovie .boxTxt .txtIcon{
    min-width: 20rem;
    font-size: var(--pcFontSize18);
    border-radius: 2rem;
    padding: 1.2rem 0.3rem 1rem;
}
.secMovie .boxTxt .tit{
    font-size: var(--pcFontSize36);
    line-height: var(--pcLineHeight36_50);
    letter-spacing: var(--pcLetterSpacing36_50);
    font-weight: bold;
    margin: 3rem 0 1rem;
}
.secMovie .boxTxt .txt{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_42);
    letter-spacing: var(--pcLetterSpacing22_50);
}
@media only screen and (max-width:1215px){
    .secMovie{
        margin-top: 1rem;
    }
    .secMovie .wrapper {
        padding: 0;
        flex-direction: column;
    }
    /* boxMovie */
    .secMovie .boxMovie{
        order: 2;
        width: 100%;
        padding-top: 56.12%;
    }
    /* boxTxt */
    .secMovie .boxTxt{
        width: 100%;
        display: contents;
    }
    .secMovie .boxTit{
        order: 1;
    }
    .secMovie .boxTxt .txtIcon{
        min-width: 11rem;
        font-size: var(--spFontSize12);
        border-radius: 1.3rem;
        padding: 0.6rem 0.2rem;
    }
    .secMovie .boxTxt .tit{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_28);
        letter-spacing: var(--spLetterSpacing18_0);
        margin: 1rem 0;
    }
    .secMovie .boxTxt .txt{
        order: 3;
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_15);
        letter-spacing: var(--spLetterSpacing11_0);
        margin-top: 1.6rem;
        font-weight: normal;
        text-align: center;
    }
}

/*-----------------------------------------------
    secMethod
-----------------------------------------------*/
.secMethod{
    margin-top: 17rem;
    padding: 15rem 0 20rem;
    background-color: var(--greenColor);
}
.secMethod .wrapper{
    position: relative;
}
/* boxIcon */
.secMethod .boxIcon{
    position: absolute;
    top: -29rem;
    left: 0;
    max-width: 32rem;
    width: 18.605%;
}
.secMethod .boxIcon .icon_txt{
    position: relative;
}
.secMethod .boxIcon .icon_txt:before{
    position: absolute;
    content: '売却 買い取り';
    font-size: 0;
    margin: auto;
    display: block;
    top: -71%;
    left: -2rem;
    width: 61.25%;
    height: 86.75%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}
.secMethod.lazyloaded .boxIcon .icon_txt::before{
    background-image: url(../img/icon/icon02_tit.png);
}
.secMethod .boxIcon .txtIcon{
    margin-top: 3rem;
    width: 16.6rem;
}
/* boxList */
.secMethod .boxMethod{
    margin-top: 6rem;
}
.boxMethod .boxList{
    counter-reset: number 0;
    display: flex;
    flex-wrap: wrap;
    gap: 4rem;
}
.boxMethod .item{
    width: calc((100% - 12rem) / 4);
}
.boxMethod .boxTit{
    position: relative;
    background-color: var(--yellowColor);
    border-radius: 4rem;
    padding: 3.5rem 13.376%;
    text-align: center;
}
.boxMethod .boxTit:before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: -1.9rem;
    left: 10.8rem;
    width: 2.5rem;
    height: 2rem;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}
.secMethod.lazyloaded .boxMethod .boxTit::before{
    background-image: url(../img/index/iconMethod.png);
}
/* boxBody */
.boxMethod .boxBody{
    position: relative;
    margin-top: 4.8rem;
    background-color: var(--whiteColor);
    border-radius: 0 2rem 2rem;
}
.boxMethod .boxBody:before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: -7rem;
    left: 0;
    width: 11.6rem;
    height: 9.5rem;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}
.boxMethod.lazyloaded .item01 .boxBody::before{
    background-image: url(../img/icon/icon03.png);
}
.boxMethod.lazyloaded .item02 .boxBody::before{
    background-image: url(../img/icon/icon04.png);
}
.boxMethod.lazyloaded .item03 .boxBody::before{
    background-image: url(../img/icon/icon05.png);
}
.boxMethod.lazyloaded .item04 .boxBody::before{
    background-image: url(../img/icon/icon06.png);
}
.boxMethod .boxBody .inner{
    padding: 1rem;
}
.boxMethod .boxImg{
    border-radius: 0 2rem 0 0;
    overflow: hidden;
}
.boxMethod .boxTxt{
    position: relative;
    text-align: center;
    padding-top: 5rem;
}
.boxMethod .boxTxt::before,
.boxMethod .boxTxt::after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: -1.5rem;
    left: 0;
    right: 0;
    width: 5rem;
    height: 5rem;
}
.boxMethod .boxTxt::before{
    border-radius: 100%;
    background-color: var(--green_darkColor);
}
.boxMethod .boxTxt::after{
    counter-increment: number 1;
    content: counter(number);
    color: var(--whiteColor);
    z-index: 2;
    font-size: var(--pcFontSize22);
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.boxMethod .boxTxt .tit{
    font-size: var(--pcFontSize28);
    letter-spacing: var(--pcLetterSpacing28_50);
    font-weight: bold;
}
.boxMethod .boxTxt .txt{
    margin-top: 1rem;
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_28);
    letter-spacing: var(--pcLetterSpacing16_50);
    font-weight: bold;
}
/* boxRecommend */
.boxMethod .boxRecommend{
    margin-top: 3rem;
    position: relative;
    height: 18rem;
    border-radius: 0 0 2rem 2rem;
    background-color: var(--beigeColor);
    display: flex;
    justify-content: center;
    align-items: center;
}
.boxMethod .boxRecommend .txtIcon{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 14rem;
    font-size: var(--pcFontSize11);
    border-radius: 2rem;
    padding: 1.1rem 0.3rem 0.9rem;
    font-weight: bold;
}
.boxMethod .boxRecommend .txt{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_30);
    letter-spacing: var(--pcLetterSpacing18_50);
    font-weight: bold;
}
@media only screen and (max-width:1530px){
    .boxMethod .boxTxt .tit {
        font-size: var(--pcFontSize24);
    }
}
@media only screen and (max-width:1215px){
    .secMethod{
        margin-top: 14rem;
        padding: 5rem 0 8rem;
    }
    /* boxIcon */
    .secMethod .boxIcon{
        display: flex;
        top: -12.5rem;
        left: 1.5rem;
        max-width: none;
        width: 100%;
    }
    .secMethod .boxIcon .icon{
        width: 10.5rem;
        height: 11.1rem;
    }
    .secMethod .boxIcon .icon_txt:before{
        top: 0;
        bottom: 3rem;
        left: -1.5rem;
        width: 15.8rem;
        height: 17.6rem;
    }
    .secMethod.lazyloaded .boxIcon .icon_txt::before{
        background-image: url(../img/icon/icon02_tit_sp.png);
    }
    .secMethod .boxIcon .txtIcon{
        margin: 0 0 0 2rem;
        width: auto;
    }
    .secMethod .boxIcon .txtSp{
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_18);
        color: var(--green_dark3Color);
        display: block;
    }
    /* boxList */
    .secMethod .boxMethod{
        margin-top: 8rem;
    }
    .boxMethod .boxList{
        gap: 8.5rem;
    }
    .boxMethod .item{
        position: relative;
        width: 100%;
    }
    .boxMethod .boxTit{
        position: absolute;
        top: -1.5rem;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        width: 25.5rem;
        margin: 0 auto;
        border-radius: 1rem;
        padding: 1.2rem 0;
        z-index: 1;
    }
    .boxMethod .boxTit:before{
        bottom: -1.2rem;
        left: auto;
        right: 6rem;
        width: 1.5rem;
        height: 1.2rem;
    }
    .boxMethod .boxTit img{
        width: auto;
        height: 3.6rem;
    }
    /* boxBody */
    .boxMethod .boxBody{
        margin-top: 0;
        border-radius: 0 1rem 1rem;
    }
    .boxMethod .boxBody:before{
        display: none;
    }
    .boxMethod .boxBody .inner{
        padding: 1rem;
    }
    .boxMethod .boxImg{
        border-radius: 0 1rem 0 0;
    }
    .boxMethod .boxTxt{
        padding-top: 3.5rem;
    }
    .boxMethod .boxTxt::before,
    .boxMethod .boxTxt::after{
        top: -1rem;
        width: 3.5rem;
        height: 3.5rem;
    }
    .boxMethod .boxTxt::after{
        font-size: var(--spFontSize14);
        padding-bottom: 0;
    }
    .boxMethod .boxTxt .tit{
        font-size: var(--spFontSize20);
        letter-spacing: var(--spLetterSpacing20_0);
    }
    .boxMethod .boxTxt .txt{
        margin-top: 0.5rem;
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_22);
        letter-spacing: var(--spLetterSpacing12_0);
    }
    /* boxRecommend */
    .boxMethod .boxRecommend{
        margin-top: 1.5rem;
        height: auto;
        border-radius: 0 0 1rem 1rem;
        padding: 3rem 0 2.2rem;
    }
    .boxMethod .boxRecommend .txtIcon{
        min-width: 12.5rem;
        font-size: var(--spFontSize10);
        border-radius: 2rem;
        padding: 1rem 0.3rem 0.8rem;
    }
    .boxMethod .boxRecommend .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_26);
        letter-spacing: var(--spLetterSpacing14_0);
    }
}

/*-----------------------------------------------
    secNews
-----------------------------------------------*/
.secNews{
    margin-top: 16rem;
}
/* boxNews */
.secNews .boxNews{
    margin-top: 5.5rem;
}
.secNews .boxNews .boxList{
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.secNews .boxNews .boxList:after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8rem;
    background-image: -moz-linear-gradient( 90deg, var(--whiteColor) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, var(--whiteColor) 0%, rgba(255,255,255,0) 100%);
    z-index: -1;
    opacity: 0;
    transition: 0.2s ease-out;
}
.secNews .boxNews .boxList.is_more:after{
    z-index: 1;
    opacity: 1;
}
.secNews .boxNews .item{
    width: 100%;
    display: flex;
    border-bottom: 1px solid var(--gray_light3Color);
}
.secNews .boxNews .item.is-hidden{
    opacity: 0;
    height: 0;
    border: none;
}
/* boxDate */
.secNews .boxNews .boxDate{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 17rem;
    background-color: var(--beige_darkColor);
    color: var(--grayColor);
    text-align: center;
}
/* boxTxt */
.secNews .boxNews .boxTxt{
    width: calc(100% - 17rem);
    background-color: var(--beige_lightColor);
    text-align: left;
    padding: 0 4rem;
}
.secNews .boxNews .txt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_21);
    letter-spacing: var(--pcLetterSpacing14_50);
    padding: 2.5rem 0 2.4rem;
}
.secNews .boxNews a.txt{
    color: var(--linkColor);
    text-decoration: underline;
    display: inline-block;
}
.secNews .boxNews .new{
    position: absolute;
    top: 0.5rem;
    left: 1rem;
    color: var(--textColor);
    font-size: var(--pcFontSize11);
    padding: 0.4rem 0.5rem 0.3rem;
    background-color: var(--yellow_lightColor);
    border-radius: 0.5rem;
    display: inline-block;
    animation: blinking 1s ease-in-out infinite alternate;
}
@keyframes blinking {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/* boxMore */
.secNews .boxNews .boxMore{
    position: relative;
    width: 60rem;
    height: 5rem;
    margin: 2rem auto 0;
    display: none;
}
.secNews .boxNews .boxMore.is-visible{
    display: block;
}
.secNews .boxNews .boxMore::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--gray_light4Color);
    z-index: -1;
}
.secNews .boxMore .btnMore{
    width: 27rem;
    height: 100%;
    margin: 0 auto;
    background-color: var(--whiteColor);
    border: 1px solid var(--gray_light4Color);
    border-radius: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.secNews .boxMore .txt{
    position: relative;
    font-size: var(--pcFontSize14);
    padding-right: 1.8rem;
}
.secNews .boxMore .txt:before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 0.5rem;
    height: 0.5rem;
    border-top: 1px solid var(--textColor);
    border-right: 1px solid var(--textColor);
    transform: rotate(134deg);
}
@media only screen and (max-width:1215px){
    .secNews{
        margin-top: 8rem;
    }
    /* boxNews */
    .secNews .boxNews{
        margin-top: 0.5rem;
    }
    .secNews .boxNews .item {
        flex-direction: column;
        padding: 0 2rem;
    }
    .secNews .boxNews .item:nth-child(even){
        background-color: var(--beige_lightColor);
    }
    /* boxDate */
    .secNews .boxNews .boxDate{
        justify-content: flex-start;
        padding-top: 1.5rem;
        width: auto;
        background-color: transparent;
    }
    .secNews .boxDate .new + .txt{
        margin-left: 1rem;
    }
    /* boxTxt */
    .secNews .boxNews .boxTxt{
        width: 100%;
        background-color: transparent;
        padding: 0;
    }
    .secNews .boxNews .txt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_22);
        letter-spacing: var(--spLetterSpacing12_0);
        padding: 0;
    }
    .secNews .boxTxt .txt{
        padding-bottom: 1.5rem;
    }
    .secNews .boxNews .new{
        position: static;
        font-size: var(--spFontSize10);
        padding: 0.3rem 0.5rem 0.2rem;
        border-radius: 0.3rem;
    }
    /* boxMore */
    .secNews .boxNews .boxMore{
        width: 92%;
        height: 4rem;
        margin: 0 auto;
    }
    .secNews .boxMore .btnMore{
        width: 17.5rem;
        border-radius: 2.05rem;
    }
    .secNews .boxMore .txt{
        font-size: var(--spFontSize12);
        padding-right: 1.4rem;
    }
}

/*-----------------------------------------------
    secReview
-----------------------------------------------*/
.secReview{
    margin-top: 16rem;
}
/* secSlider */
.secReview .boxSlider{
    position: relative;
}
.secReview .boxSlider .swiper{
    margin: 7rem 0 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_darkColor);
    border-radius: 0 2rem 2rem 2rem;
    padding: 4rem 3.5rem 4.5rem;
}
.secReview .boxReview .img{
    width: 13rem;
    margin: 0 auto;
    text-align: center;
}
.secReview .boxReview img{
    border-radius: 100%;
}
.secReview .boxReview .txt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_28);
    letter-spacing: var(--pcLetterSpacing14_50);
    margin-top: 1.5rem;
}
.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 .txt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_22);
        letter-spacing: var(--spLetterSpacing12_0);
        margin-top: 1.8rem;
    }
    .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;
    }
}

/*-----------------------------------------------
    secMerit
-----------------------------------------------*/
.secMerit{
    margin-top: 20rem;
    padding: 16rem 0 20rem;
    background-color: var(--beige_darkColor);
    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: 9rem;
}
.secMerit .boxMerit .boxList{
    display: flex;
    flex-wrap: wrap;
    gap: 6.5rem 4rem;
}
.secMerit .boxMerit .item{
    width: calc((100% - 11.999rem) / 4);
}
.secMerit .boxMerit .item50{
    width: calc(((100% - 11.999rem) / 2) + 4rem);
}
.secMerit .boxMerit img{
    border-radius: 0 2rem 2rem 2rem;
}
.secMerit .boxMerit .tit{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_38);
    letter-spacing: var(--pcLetterSpacing22_50);
    text-align: center;
    font-weight: bold;
    margin-top: 3.5rem;
}
/* boxCta */
.secMerit .boxCta{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.secMerit .boxCta .wrapper {
    width: 60rem;
}
.secMerit .boxCta .boxTitCta {
    position: relative;
    padding: 0 0 5.8rem 1.5rem;
    text-align: left;
}
.secMerit .boxTitCta img{
    max-width: 43.8rem;
}
.secMerit .boxCta .boxTitCta::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: -1.5rem;
    right: 2rem;
    width: 12.5rem;
    height: 20.4rem;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
}
.secMerit .boxCta.lazyloaded .boxTitCta::before{
    background-image: url(../img/icon/icon09.png);
}
.secMerit .boxCta .boxLink,
.secMerit .boxCta .item{
    width: 100%!important;
}
@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: 8rem;
        padding: 6rem 0 8rem;
    }
    /* boxCmnTit */
    .secMerit .boxCmnTit .boxImgTit{
        width: 12.3rem;
        top: -4rem;
        left: -4rem;
    }
    .secMerit .boxCmnTit .titIcon{
        padding-right: 5.5rem;
        margin-top: -0.5rem;
    }
    .secMerit .boxCmnTit .titIcon:before{
        bottom: 0;
        right: 0;
        width: 5.2rem;
        height: 4.2rem;
    }
    /* boxMerit */
    .secMerit .boxMerit{
        margin-top: 2.5rem;
    }
    .secMerit .boxMerit .boxList{
        justify-content: space-between;
        gap: 1.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;
    }
    /* boxCta */
    .secMerit .boxCta{
        margin-top: 3.5rem;
    }
    .secMerit .boxCta .wrapper {
        width: 100%;
    }
    .secMerit .boxCta .boxTitCta {
        padding: 0 0 2.5rem 2.5rem;
    }
    .secMerit .boxTitCta img{
        max-width: 22.3rem;
    }
    .secMerit .boxCta .boxTitCta::before{
        bottom: -1.5rem;
        right: 2rem;
        width: 6.6rem;
        height: 10.8rem;
    }
    .secMerit .boxCta .link{
        font-size: var(--spFontSize14);
        border-radius: 1rem;
    }
}

/*-----------------------------------------------
    secPoint
-----------------------------------------------*/
.secPoint{
    margin-top: 16rem;
}
.secPoint .tit{
    line-height: var(--pcLineHeight50_70);
}
.secPoint .txt{
    font-size: var(--pcFontSize24);
    margin: 0 0 1rem 0;
}
.secPoint .boxList{
    margin-top: 4.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
}
.secPoint .item{
    width: calc((100% - 5.999rem) / 3);
}
.secPoint .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);
}
.secPoint .link img{
    border-top-right-radius: 2rem;
}
.secPoint .link .boxTxt {
    margin-top: 4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.secPoint .link .txtIcon {
    min-width: 20rem;
    font-size: var(--pcFontSize14);
    border-radius: 2rem;
    padding: 1.3rem 1.8rem 1.1rem;
    font-weight: bold;
}
.secPoint .link .tit {
    font-size: var(--pcFontSize28);
    line-height: var(--pcLineHeight28_42);
    margin-top: 1rem;
    text-align: center;
    font-weight: bold;
}
.secPoint .link .txt {
    font-size: var(--pcFontSize14);
    margin-top: 2.7rem;
    text-decoration: underline;
    text-align: center;
    color: var(--grayColor);
}
@media only screen and (max-width:1215px){
    .secPoint{
        margin-top: 8rem;
    }
    .secPoint .tit{
        line-height: var(--spLineHeight20_30);
    }
    .secPoint .txt{
        font-size: var(--spFontSize13);
        margin: 0 0 0.5rem 0;
    }
    /* boxList */
    .secPoint .boxList{
        margin-top: 2.5rem;
        gap: 1.5rem;
    }
    .secPoint .item{
        width: 100%;
    }
    .secPoint .link{
        display: flex;
        width: 100%;
        border-radius: 0 1rem 1rem;
        padding: 0;
    }
    .secPoint .link .img{
        width: 12rem;
    }
    .secPoint .link img{
        border-top-right-radius: 0;
        border-top-left-radius: 1rem;
    }
    .secPoint .link .boxTxt {
        position: relative;
        width: calc(100% - 12rem);
        padding: 2.5rem 1rem 0 2rem;
        margin: 0;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .secPoint .link .txtIcon {
        min-width: 11.2rem;
        font-size: var(--spFontSize10);
        border-radius: 1.5rem;
        padding: 0.9rem 1.2rem 0.8rem;
    }
    .secPoint .link .tit {
        font-size: var(--spFontSize17);
        line-height: var(--spLineHeight17_25);
        margin: 0.8rem 0 0 1rem;
        text-align: left;
    }
    .secPoint .link .txt {
        position: absolute;
        bottom: 1.5rem;
        right: 2rem;
        font-size: var(--spFontSize12);
        margin-top: 0;
    }
}
@media only screen and (max-width:360px){
    .secPoint .link .boxTxt {
        padding: 2.5rem 1rem 0 1rem;
    }
    .secPoint .link .txtIcon {
        padding: 0.9rem 0.2rem 0.7rem;
    }
}

/*-----------------------------------------------
    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: 72%;
    background-image: -moz-linear-gradient( 90deg, rgb(60,132,90) 0%, rgb(39,170,65) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(60,132,90) 0%, rgb(39,170,65) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(60,132,90) 0%, rgb(39,170,65) 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:before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: -30rem;
    right: 2.5rem;
    width: 14.5rem;
    height: 26rem;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}
.secFaq.lazyload .boxCmnTit::before{
    background-image: url(../img/icon/icon10.png);
}
.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);
}
/* 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 .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:first-child .boxTxt{
    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(--green_darkColor);
    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: 58%;
    }
    .secFaq .wrapper {
        width: 100%;
        margin: 0 auto;
        flex-direction: column;
    }
    /* boxCmnTit */
    .secFaq .boxCmnTit {
        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);
    }
    /* 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 .boxList{
        gap: 1rem;
        width: 100%;
    }
    .secFaq .boxFaq .boxTit{
        padding: 2.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;
    }
    .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;
    }
}