@charset "utf-8";

/*-----------------------------------------------
    secHero
-----------------------------------------------*/
.secHero{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.secHero .wrapper,
.secHero .wrapper .img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.secHero .wrapper{
    height: 100%;
}
.secHero .wrapper .img{
    width: 62.5vw;
}
@media only screen and (max-width:767px){
    .secHero h1.img{
        display: none;;
    }
}

/*-----------------------------------------------
    boxCmnTit
-----------------------------------------------*/
.boxCmnTit{
    text-align: center;
}
.boxCmnLine{
    position: relative;
    padding-bottom: 4rem;
}
.boxCmnLine::after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    width: 6rem;
    height: 0.3rem;
    background-color: var(--keyColor);
}
.boxCmnLine.fWhite::after{
    background-color: var(--whiteColor);
}
.boxCmnTit .tit{
    color: var(--keyColor);
    font-size: var(--pcFontSize50);
    letter-spacing: var(--pcLetterSpacing50_30);
    font-weight: bold;
}
.boxTopTit .txt {
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_35);
    letter-spacing: var(--pcLetterSpacing20_60);
    margin-top: 4rem;
    text-align: center;
}
@media only screen and (max-width:1215px){
    .boxCmnLine{
        padding-bottom: 1.5rem;
    }
    .boxCmnLine::after{
        width: 4rem;
    }
    .boxCmnTit .tit{
        font-size: var(--spFontSize21);
        line-height: var(--spLineHeight21_30);
        letter-spacing: var(--spLetterSpacing21_40);
    }
    .boxTopTit .txt {
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_17);
        letter-spacing: var(--spLetterSpacing11_30);
        margin-top: 3rem;
    }
}

/*-----------------------------------------------
    secReason
-----------------------------------------------*/
.secReason{
    margin-top: 10rem;
}
.secReason .boxReason{
    margin-top: 8rem;
}
/* boxReasonList */
.secReason .boxReasonList{
    margin-top: 5rem;
}
.secReason .list{
    display: flex;
    flex-wrap: wrap;
    gap: 4.9rem;
}
.secReason .list .item{
    width: calc((100% - 9.899rem) / 3);
    background-color: var(--keyColor);
    padding: 4rem 0 3rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    color: var(--whiteColor);
}
.secReason .list .tit{
    font-weight: bold;
    font-size: var(--pcFontSize30);
    line-height: var(--pcLineHeight30_40);
    letter-spacing: var(--pcLetterSpacing30_100);
    min-height: calc(var(--pcFontSize30) * var(--pcLineHeight30_40) * 2);
    display: flex;
    justify-content: center;
    align-items: center;
}
.secReason .txtList{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_35);
    letter-spacing: var(--pcLetterSpacing20_60);
    min-height: calc(var(--pcFontSize20) * var(--pcLineHeight20_35) * 3);
    margin-top: 2rem;
}
.secReason .txtList .txtItem{
    position: relative;
    padding-left: 2rem;
}
.secReason .txtList .txtItem::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: -0.3rem;
    left: 0;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background-color: var(--yellowColor);
}
/* boxTiming */
.secReason .boxTiming{
    position: relative;
    margin-top: 5rem;
    padding: 21rem 0 10rem;
}
.secReason .boxTiming::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    width: 6rem;
    height: 16.6rem;
}
.secReason .boxTiming.lazyload::before{
    background: url(../img/index/bgTiming.png) center top / cover no-repeat;
}
.secReason .boxTiming .tit{
    font-size: var(--pcFontSize50);
    letter-spacing: var(--pcLetterSpacing50_60);
    color: var(--keyColor);
    font-weight: bold;
    text-align: center;
}
.secReason .boxTiming .bgTit{
    font-size: var(--pcFontSize60);
    background-color: var(--yellowColor);
    color: var(--redColor);
    padding: 0 1rem;
    margin: 0 1rem;
}
@media only screen and (max-width:1215px){
    .secReason{
        margin-top: 6rem;
    }
    .secReason .boxReason{
        margin-top: 5.5rem;
    }
    /* boxReasonList */
    .secReason .boxReasonList{
        margin-top: 3rem;
    }
    .secReason .list{
        gap: 2rem;
    }
    .secReason .list .item{
        width: 100%;
        min-height: 16rem;
        padding: 3rem 0 2.3rem;
        flex-direction: row;
        justify-content: flex-end;
    }
    .secReason .list .boxTxt{
        width: 61.54%;
        margin-left: 3.5rem;
    }
    .secReason .item:nth-child(n+2) .boxTxt{
        margin-left: 2.5rem;
    }
    .secReason .list .tit{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_24);
        letter-spacing: var(--spLetterSpacing18_150);
        min-height: auto;
        text-align: left;
        justify-content: flex-start;
    }
    .secReason .txtList{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_25);
        letter-spacing: var(--spLetterSpacing12_60);
        min-height: auto;
        margin-top: 1rem;
    }
    .secReason .item:nth-child(1) .boxImg{
        width: 5.4rem;
    }
    .secReason .item:nth-child(2) .boxImg{
        width: 7.4rem;
    }
    .secReason .item:nth-child(3) .boxImg{
        width: 7rem;
    }
    /* boxTiming */
    .secReason .boxTiming{
        margin-top: 2rem;
        padding: 10rem 0 2rem;
    }
    .secReason .boxTiming::before{
        width: 3rem;
        height: 8.3rem;
    }
    .secReason .boxTiming .tit{
        font-size: var(--spFontSize21);
        line-height: var(--spLineHeight21_35);
        letter-spacing: var(--spLetterSpacing21_40);
    }
    .secReason .boxTiming .bgTit{
        font-size: var(--spFontSize23);
        padding: 0 0.5rem;
        margin: 0;
    }
}

/*-----------------------------------------------
    secMerit
-----------------------------------------------*/
.secMerit{
    margin-top: 16rem;
}
.secMerit .boxCmnTit .titNum{
    color: var(--orangeColor);
    font-size: var(--pcFontSize80);
}
/* boxMeritLink */
.secMerit .boxMeritLink{
    margin-top: 12rem;
}
.secMerit .boxMeritLink .list{
    display: flex;
    flex-wrap: wrap;
    gap: 4.9rem;
}
.secMerit .boxMeritLink .item{
    width: calc((100% - 9.899rem) / 3);
    display: flex;
}
.secMerit .boxMeritLink .link{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 3rem;
    background-color: var(--keyColor);
}
.secMerit .boxMeritLink .boxTxt{
    position: absolute;
    top: -7.1rem;
    left: 0;
    right: 0;
    margin: auto;
    background-color: var(--keyColor);
    width: 14.2rem;
    height: 14.2rem;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 2.5rem;
    z-index: -1;
}
.secMerit .boxMeritLink .txt{
    color: var(--whiteColor);
    font-size: var(--pcFontSize16);
}
.secMerit .boxMeritLink .txtEng{
    color: var(--yellowColor);
    font-size: var(--pcFontSize30);
    font-weight: bold;
    margin-top: 0.2rem;
}
.secMerit .boxMeritLink .boxTit{
    position: relative;
    height: 100%;
    color: var(--keyColor);
    font-weight: bold;
    text-align: center;
    padding: 2.5rem 0 6rem;
    background-image: -moz-linear-gradient( 90deg, rgb(220,219,216) 0%, rgb(248,248,246) 50%, rgb(236,237,234) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(220,219,216) 0%, rgb(248,248,246) 50%, rgb(236,237,234) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(220,219,216) 0%, rgb(248,248,246) 50%, rgb(236,237,234) 100%);
}
.secMerit .boxMeritLink .boxTit:after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: 2.8rem;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 1.5rem solid transparent;
    border-left: 1.5rem solid transparent;
    border-top: 1.5rem solid var(--keyColor);
    border-bottom: 0;
}
.secMerit .boxMeritLink .tit{
    font-size: var(--pcFontSize26);
    line-height: var(--pcLineHeight26_37);
    letter-spacing: var(--pcLetterSpacing26_150);
    min-height: calc(var(--pcFontSize26) * var(--pcLineHeight26_37) * 2);
    display: flex;
    justify-content: center;
    align-items: center;
}
@media only screen and (max-width:1215px){
    .secMerit{
        margin-top: 6rem;
    }
    .secMerit .boxCmnTit .tit{
        line-height: inherit;
    }
    .secMerit .boxCmnTit .titNum{
        font-size: var(--spFontSize30);
    }
    /* boxMeritLink */
    .secMerit .boxMeritLink{
        margin-top: 3rem;
        background-color: var(--keyColor);
        padding: 2.5rem;
    }
    .secMerit .boxMeritLink .list{
        gap: 2.5rem;
    }
    .secMerit .boxMeritLink .item{
        width: 100%;
    }
    .secMerit .boxMeritLink .link{
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0;
    }
    .secMerit .boxMeritLink .boxTxt{
        position: static;
        width: auto;
        height: auto;
        border-radius: 0;
        flex-direction: row;
        justify-content: center;
        padding: 0 0 1rem 0;
        z-index: 0;
        width: 100%;
    }
    .secMerit .boxMeritLink .txt{
        color: var(--yellowColor);
        font-size: var(--spFontSize16);
        font-weight: bold;
    }
    .secMerit .boxMeritLink .txtEng{
        font-size: var(--spFontSize25);
        margin: 0 0 0 0.8rem;
    }
    .secMerit .boxMeritLink .boxImg{
        width: 51.278%;
    }
    .secMerit .boxMeritLink .boxTit{
        width: 48.7%;
        height: auto;
        padding: 2.4rem 0 0;
    }
    .secMerit .boxMeritLink .boxTit:after{
        bottom: 2.8rem;
        border-style: solid;
        border-right: 1rem solid transparent;
        border-left: 1rem solid transparent;
        border-top: 1rem solid var(--keyColor);
    }
    .secMerit .item:last-child .boxTit:after{
        bottom: 1.8rem;
    }
    .secMerit .boxMeritLink .tit{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_20);
        letter-spacing: var(--spLetterSpacing18_150);
        min-height: calc(var(--spFontSize18) * var(--spLineHeight18_20) * 2);
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/* boxMeritList */
.boxMeritList{
    margin: 16rem auto;
}
.boxMeritList .meritList{
    counter-reset: number 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16rem;
}
.boxMeritList .meritItem{
    width: 100%;
}
.boxMeritList .boxMeritTit{
    height: 30rem;
}
.boxMeritList.lazyloaded .boxMeritTit{
    background: url(../img/index/bgMerit.png) center top / cover no-repeat;
}
.boxMeritList .boxMeritTit .wrapper{
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}
.boxMeritList .boxMeritTit .wrapper::after{
    position: absolute;
    counter-increment: number 1;
    content: counter(number, decimal-leading-zero);
    color: var(--whiteColor);
    right: 0;
    height: 100%;
    margin: auto;
    z-index: 2;
    font-family:"Oswald", sans-serif;
    top: -4.5rem;
    opacity: 0.2;
    font-size: var(--pcFontSize360);
    font-weight: bold;
}
.boxMeritList .boxMeritTit .tit,
.boxMeritList .boxMeritTit .txt{
    color: var(--whiteColor);
    font-weight: bold;
}
.boxMeritList .boxMeritTit .tit{
    font-size: var(--pcFontSize50);
    letter-spacing: var(--pcLetterSpacing50_60);
}
.boxMeritList .boxMeritTit .txt{
    font-size: var(--pcFontSize26);
    line-height: var(--pcLineHeight26_40);
    letter-spacing: var(--pcLetterSpacing26_150);
    margin-top: 2rem;
}
.boxMeritList .boxMeritTit .txt2{
    position: absolute;
    top: -2.5rem;
    left: 0;
    width: 20.6rem;
    height: 5rem;
    border-radius: 2.5rem;
    color: var(--keyColor);
    background-color: var(--yellowColor);
    font-size: var(--pcFontSize24);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: bold;
    padding: 0.2rem 0 0 4rem;
}
.boxMeritList .boxMeritTit .txt3{
    position: relative;
    top: -0.2rem;
    margin-left: 1rem;
    color: var(--keyColor);
    font-size: var(--pcFontSize30);
}
/* boxMerit */
.boxMeritList .boxMerit{
    margin-top: 9rem;
    text-align: center;
}
.boxMeritList .boxMerit .txt1{
    font-size: var(--pcFontSize26);
    line-height: var(--pcLineHeight26_40);
    letter-spacing: var(--pcLetterSpacing26_100);
    color: var(--keyColor);
    font-weight: bold;
}
.boxMeritList .boxMerit .txt1 + .txt1{
    margin-top: 7rem;
}
.boxMeritList .boxMerit .txt2{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_35);
    letter-spacing: var(--pcLetterSpacing20_60);
    margin-top: 2rem;
}
.boxMeritList .boxMerit .txt3,
.boxMeritList .boxMerit .txt4{
    color: var(--keyColor);
    font-size: var(--pcFontSize40);
    line-height: var(--pcLineHeight40_60);
    letter-spacing: var(--pcLetterSpacing40_60);
    font-weight: bold;
}
.boxMeritList .boxMerit .txt4{
    font-size: var(--pcFontSize50);
    line-height: var(--pcLineHeight50_50);
    letter-spacing: var(--pcLetterSpacing50_60);
    margin-top: 2rem;
}
.boxMeritList .boxMerit .bgTit{
    font-size: var(--pcFontSize50);
    background-color: var(--yellowColor);
    color: var(--redColor);
    padding: 0 1rem;
    margin: 0 1rem;
    font-weight: bold;
}
.boxMeritList .boxMerit .box{
    margin-top: 9rem;
}
.boxMeritList .boxMerit .boxArrow{
    position: relative;
    margin-top: 5rem;
    padding-top: 5rem;
}
.boxMeritList .boxMerit .boxArrow::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 3rem solid transparent;
    border-left: 3rem solid transparent;
    border-top: 3rem solid var(--orangeColor);
    border-bottom: 0;
}
.boxMeritList .boxMerit .tit1{
    min-width: 41rem;
    height: 5rem;
    font-size: var(--pcFontSize16);
    letter-spacing: var(--pcLetterSpacing16_50);
    color: var(--whiteColor);
    font-weight: bold;
    background-color: var(--keyColor);
    border-radius: 2.5rem;
    display: inline-block;
    padding: 1.7rem 0 1.5rem;
}
/* boxImg */
.boxMeritList .boxMerit .boxImg{
    margin-top: 4rem;
}
/* boxNote */
.boxMeritList .boxMerit .boxNote{
    margin-top: 3rem;
    border-radius: 0.5rem;
    border: 0.1rem solid var(--textColor);
    padding: 1.2rem 2rem;
    display: inline-block;
    text-align: left;
}
.boxMeritList .boxMerit .txtNote{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_35);
}
@media only screen and (max-width:1215px){
    .boxMeritList{
        margin: 7.5rem auto 6rem;
    }
    .boxMeritList .meritList{
        gap: 6rem;
    }
    .boxMeritList .boxMeritTit{
        height: 18.3rem;
    }
    .boxMeritList.lazyloaded .boxMeritTit{
        background: url(../img/index/bgMerit_sp.png) center top / cover no-repeat;
    }
    .boxMeritList .boxMeritTit .wrapper::after{
        top: -1rem;
        right: -4rem;
        font-size: var(--spFontSize200);
    }
    .boxMeritList .boxMeritTit .tit{
        font-size: var(--spFontSize21);
        letter-spacing: var(--spLetterSpacing21_40);
    }
    .boxMeritList .boxMeritTit .txt{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_25);
        letter-spacing: var(--spLetterSpacing16_150);
        margin-top: 2rem;
    }
    .boxMeritList .boxMeritTit .txt2{
        top: -1.8rem;
        width: 13.2rem;
        height: 3.5rem;
        border-radius: 1.8rem;
        font-size: var(--spFontSize16);
        padding: 0.2rem 0 0 2rem;
    }
    .boxMeritList .boxMeritTit .txt3{
        margin-left: 0.5rem;
        font-size: var(--spFontSize25);
    }
    /* boxMerit */
    .boxMeritList .boxMerit{
        margin-top: 2.5rem;
    }
    .boxMeritList .boxMerit .txt1{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_25);
        letter-spacing: var(--spLetterSpacing16_60);
    }
    .boxMeritList .boxMerit .txt1 + .txt1{
        margin-top: 1.5rem;
    }
    .boxMeritList .boxMerit .txt2{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_17);
        letter-spacing: var(--spLetterSpacing11_30);
        margin-top: 1rem;
    }
    .boxMeritList .boxMerit .txt3,
    .boxMeritList .boxMerit .txt4{
        font-size: var(--spFontSize21);
        line-height: var(--spLineHeight21_35);
        letter-spacing: var(--spLetterSpacing21_40);
    }
    .boxMeritList .boxMerit .txt4{
        margin-top: 0;
    }
    .boxMeritList .boxMerit .bgTit{
        font-size: var(--spFontSize23);
        padding: 0 0.5rem;
        margin: 0;
    }
    .boxMeritList .boxMerit .box{
        margin-top: 2.5rem;
    }
    .boxMeritList .boxMerit .boxArrow{
        margin-top: 2.3rem;
        padding-top: 3rem;
    }
    .boxMeritList .boxMerit .boxArrow::before{
        border-right: 1.5rem solid transparent;
        border-left: 1.5rem solid transparent;
        border-top: 1.5rem solid var(--orangeColor);
    }
    .boxMeritList .boxMerit .tit1{
        min-width: auto;
        width: 89.54%;
        height: 3rem;
        font-size: var(--spFontSize13);
        letter-spacing: var(--spLetterSpacing13_150);
        border-radius: 1.5rem;
        padding: 0.9rem 0 0.5rem;
    }
    /* boxImg */
    .boxMeritList .boxMerit .boxImg{
        margin-top: 2rem;
    }
    /* boxNote */
    .boxMeritList .boxMerit .boxNote{
        margin-top: 2rem;
        padding: 0.6rem 1rem;
    }
    .boxMeritList .boxMerit .txtNote{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_17);
    }
}

/*-----------------------------------------------
    secSpace
-----------------------------------------------*/
.secSpace{
    background-color: var(--lightBlueColor);
    padding: 10rem 0;
    margin-top: 15rem;
    text-align: center;
}
/* boxSpaceList */
.secSpace .boxSpaceList {
    margin-top: 4.5rem;
}
.secSpace .boxSpaceList .list {
    display: flex;
    flex-wrap: wrap;
    gap: 4.9rem;
}
.secSpace .boxSpaceList .item {
    width: calc((100% - 9.899rem) / 3);
}
.secSpace .boxSpaceList .boxTit {
    margin-top: 1.6rem;
}
.secSpace .boxSpaceList .tit {
    font-size: var(--pcFontSize20);
    letter-spacing: var(--pcLetterSpacing20_60);
    color: var(--keyColor);
    font-weight: bold;
}
@media only screen and (max-width:1215px){
    .secSpace{
        padding: 6rem 0;
        margin-top: 6rem;
    }
    /* boxSpaceList */
    .secSpace .boxSpaceList {
        margin-top: 3rem;
    }
    .secSpace .boxSpaceList .list {
        gap: 3rem;
    }
    .secSpace .boxSpaceList .item {
        width: 100%;
    }
    .secSpace .boxSpaceList .boxTit {
        margin-top: 1.2rem;
    }
    .secSpace .boxSpaceList .tit {
        font-size: var(--spFontSize16);
        letter-spacing: var(--spLetterSpacing16_100);
    }
}

/*-----------------------------------------------
    secVoice
-----------------------------------------------*/
.secVoice{
    margin-top: 15rem;
    text-align: center;
}
/* boxVoiceList */
.secVoice .boxVoiceList {
    margin-top: 5.5rem;
}
.secVoice .boxVoiceList .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 5rem 0;
}
.secVoice .boxVoiceList .item {
    width: calc((100% - 5rem) / 2);
    padding: 3rem 2.9rem;
    border: 0.1rem solid var(--keyColor);
    background-color: var(--whiteColor);
    display: flex;
    flex-direction: column;
}
.secVoice .boxVoiceList .tit {
    font-size: var(--pcFontSize26);
    letter-spacing: var(--pcLetterSpacing26_100);
    color: var(--keyColor);
    font-weight: bold;
}
.secVoice .boxVoiceList .txt {
    font-size: var(--pcFontSize20);
    letter-spacing: var(--pcLetterSpacing20_60);
    margin-top: 1rem;
}
.secVoice .boxVoiceList .txt2 {
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_28);
    letter-spacing: var(--pcLetterSpacing16_50);
    margin-top: 1rem;
    text-align: left;
}
.secVoice .boxVoiceList .boxTxt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.secVoice .boxVoiceList .boxImg {
    margin: 3rem 0 1rem;
}
.secVoice .boxTable{
    margin-top: 2rem;
}
.secVoice .boxTable,
.secVoice table {
	width:100%;
}
.secVoice .boxTable tr{
    background-color: var(--blueColor_30);
}
.secVoice .boxTable tr:nth-child(n+2){
    border-top: 0.2rem solid var(--whiteColor);
}
.secVoice .boxTable tr:nth-child(odd){
    background-color: var(--blueColor_10);
}
.secVoice .boxTable th,
.secVoice .boxTable td{
    font-size: var(--pcFontSize16);
    letter-spacing: var(--pcLetterSpacing16_50);
    padding: 1.1rem 0;
    vertical-align: middle;
    text-align: left;
}
.secVoice .boxTable th{
    width: 13rem;
    color: var(--keyColor);
    font-weight: bold;
    padding-left: 2rem;
}
@media only screen and (max-width:1215px){
    .secVoice{
        margin-top: 6rem;
    }
    /* boxVoiceList */
    .secVoice .boxVoiceList {
        margin-top: 3rem;
    }
    .secVoice .boxVoiceList .list {
        gap: 2rem 0;
    }
    .secVoice .boxVoiceList .item {
        width: 100%;
        padding: 2rem 7.5%;
    }
    .secVoice .boxVoiceList .tit {
        font-size: var(--spFontSize16);
        letter-spacing: var(--spLetterSpacing16_100);
    }
    .secVoice .boxVoiceList .txt {
        font-size: var(--spFontSize13);
        letter-spacing: var(--spLetterSpacing13_80);
        margin-top: 0.5rem;
    }
    .secVoice .boxVoiceList .txt2 {
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_17);
        letter-spacing: var(--spLetterSpacing11_30);
        margin-top: 0.5rem;
    }
    .secVoice .boxVoiceList .boxImg {
        margin: 2rem 0 0.5rem;
    }
    .secVoice .boxTable{
        margin-top: 1rem;
    }
    .secVoice .boxTable tr{
        background-color: var(--blueColor_30);
        display: block;
        width: 100%;
    }
    .secVoice .boxTable tr:nth-child(n+2){
        border-top: 0.2rem solid var(--whiteColor);
    }
    .secVoice .boxTable tr:nth-child(odd){
        background-color: var(--blueColor_10);
    }
    .secVoice .boxTable th,
    .secVoice .boxTable td{
        font-size: var(--spFontSize11);
        letter-spacing: var(--spLetterSpacing11_30);
        padding: 0.7rem 0;
    }
    .secVoice .boxTable th{
        width: 6.5rem;
        padding-left: 1rem;
    }
    .secVoice .item .txtIn{
        /* display: block;
        width: 80%; */
        margin: 0 0 0 auto;
    }
    .secVoice .item:nth-child(odd) .txtIn{
        width: 100%;
    }
}

/*-----------------------------------------------
    secWorks
-----------------------------------------------*/
.secWorks{
    margin-top: 16rem;
}
.secWorks .boxCmnTit .tit{
    position: relative;
    padding-left: 14rem;
    display: inline-block;
}
.secWorks .boxCmnTit .tit::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: 0;
    left: 0;
    width: 12.7rem;
    height: 7.1rem;
}
.secWorks.lazyloaded .boxCmnTit .tit::before{
    background: url(../img/index/iconWorks.png) center top / cover no-repeat;
}
.secWorks .boxMovie{
    text-align: center;
    margin-top: 6rem;
}
.secWorks .boxMovie iframe{
    max-width: 100%;
}
@media only screen and (max-width:1215px){
    .secWorks{
        margin-top: 6rem;
    }
    .secWorks .boxCmnTit .tit{
        padding-left: 0;
    }
    .secWorks .boxCmnTit .tit::before{
        top: -2rem;
        bottom: auto;
        left: -7rem;
        width: 8rem;
        height: 4.4rem;
    }
    .secWorks .boxMovie{
        position: relative;
        margin-top: 3rem;
        width: 100%;
        height: 0;
        padding-top: 56.31%;
    }
    .secWorks .boxMovie iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
}

/*-----------------------------------------------
    secUse
-----------------------------------------------*/
.secUse{
    margin-top: 16rem;
    padding: 16rem 0 10rem;
}
.secUse.lazyloaded{
    background: url(../img/index/bgUse.png) center top / cover repeat;
}
.secUse .boxCmnTit .tit{
    position: relative;
    padding-left: 17rem;
    display: inline-block;
}
.secUse .boxCmnTit .tit::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: 0;
    left: 0;
    width: 14.7rem;
    height: 8.2rem;
}
.secUse.lazyloaded .boxCmnTit .tit::before{
    background: url(../img/index/icoUse.png) center top / cover no-repeat;
}
/* boxUseList */
.secUse .boxUseList{
    margin-top: 7rem;
}
.secUse .boxUseList .list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 5rem 0;
}
.secUse .boxUseList .item{
    position: relative;
    width: calc((100% - 5rem) / 2);
    padding: 4rem 3rem 2rem;
    border-radius: 1rem;
    background-color: var(--whiteColor);
    box-shadow: 0.8rem 1rem 0 0 rgba(238, 199, 80, 0.56);
}
.secUse .boxUseList .boxTag{
    position: absolute;
    top: -2.5rem;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
.secUse .boxUseList .txtTag{
    width: 33rem;
    height: 5rem;
    border-radius: 2.5rem;
    background-color: var(--orangeColor);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_21);
    letter-spacing: var(--pcLetterSpacing16_50);
    color: var(--whiteColor);
    font-weight: bold;
    margin: 0 auto;
}
.secUse .boxUseList .tit{
    position: relative;
    text-align: center;
    font-size: var(--pcFontSize26);
    letter-spacing: var(--pcLetterSpacing26_150);
    color: var(--keyColor);
    font-weight: bold;
    margin-bottom: 1.5rem;
    padding-bottom: 2rem;
}
.secUse .boxUseList .tit::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--keyColor);
}
.secUse .boxUseList .txt{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_35);
    letter-spacing: var(--pcLetterSpacing20_30);
}
.secUse .boxUseList .txtIn{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_28);
    letter-spacing: var(--pcLetterSpacing16_50);
}
.secUse .boxUseList .txtNote{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_28);
    letter-spacing: var(--pcLetterSpacing16_50);
    margin-top: 4rem;
    text-align: center;
}
@media only screen and (max-width:1215px){
    .secUse{
        margin-top: 6rem;
        padding: 6rem 0;
    }
    .secUse.lazyloaded{
        background: url(../img/index/bgUse_sp.png) center top / cover repeat;
    }
    .secUse .boxCmnTit .tit{
        padding-left: 0;
    }
    .secUse .boxCmnTit .tit::before{
        top: -3rem;
        bottom: auto;
        left: -6rem;
        width: 8.9rem;
        height: 4.9rem;
    }
    /* boxUseList */
    .secUse .boxUseList{
        margin-top: 4.5rem;
    }
    .secUse .boxUseList .list{
        gap: 2rem 0;
    }
    .secUse .boxUseList .item{
        width: 100%;
        padding: 2.5rem;
        box-shadow: 0.6rem 0.6rem 0 0 rgba(238, 199, 80, 0.56);
    }
    .secUse .boxUseList .item:not(:first-child):has(.boxTag) {
        margin-top: 1rem;
    }
    .secUse .boxUseList .boxTag{
        top: -1.5rem;
    }
    .secUse .boxUseList .txtTag{
        width: auto;
        height: 3rem;
        border-radius: 1.5rem;
        padding: 0.7rem 3rem 0.6rem;
        display: inline-block;
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_17);
        letter-spacing: var(--spLetterSpacing11_30);
    }
    .secUse .boxUseList .tit{
        font-size: var(--spFontSize16);
        letter-spacing: var(--spLetterSpacing16_100);
        margin-bottom: 0.5rem;
        padding-bottom: 1rem;
    }
    .secUse .boxUseList .txt,
    .secUse .boxUseList .txtIn,
    .secUse .boxUseList .txtNote{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_17);
        letter-spacing: var(--spLetterSpacing11_30);
    }
    .secUse .boxUseList .txtNote{
        margin-top: 2rem;
    }
}

/*-----------------------------------------------
    secUseReason
-----------------------------------------------*/
.secUseReason{
    padding: 16rem 0;
    background-image: -moz-linear-gradient( 90deg, rgb(0,63,127) 0%, rgb(0,115,189) 99%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0,63,127) 0%, rgb(0,115,189) 99%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,63,127) 0%, rgb(0,115,189) 99%);
}
/* boxUseList */
.secUseReason .boxUseList{
    margin-top: 4rem;
}
.secUseReason .boxUseList .list{
    counter-reset: number 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 3.3rem 0;
}
.secUseReason .boxUseList .item{
    position: relative;
    width: calc((100% - 5rem) / 2);
    padding: 3rem 3rem 8rem;
    border-radius: 1rem;
    background-color: var(--whiteColor);
}
.secUseReason .boxUseList .item::after {
    position: absolute;
    counter-increment: number 1;
    content: counter(number, decimal-leading-zero);
    color: var(--keyColor_95);
    right: 0;
    left: 0;
    bottom: -1rem;
    margin: auto;
    font-family: "Oswald", sans-serif;
    opacity: 0.08;
    font-size: var(--pcFontSize250);
    font-weight: bold;
    display: flex;
    justify-content: center;
}
.secUseReason .boxUseList .boxImg{
    position: relative;
    margin-bottom: 2.5rem;
}
.secUseReason .boxUseList .boxNum{
    position: absolute;
    bottom: -2.5rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 17.4rem;
    height: 5rem;
    border-radius: 2.5rem;
    color: var(--keyColor);
    background-color: var(--yellowColor);
    font-size: var(--pcFontSize24);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: bold;
    padding: 0.2rem 0 0 4rem;
}
.secUseReason .boxUseList .txtNum{
    position: relative;
    top: -0.2rem;
    margin-left: 1rem;
    color: var(--keyColor);
    font-size: var(--pcFontSize30);
    font-weight: bold;
}
.secUseReason .boxUseList .boxTag{
    display: flex;
    justify-content: center;
    gap: 0.9rem;
    margin-top: 4.5rem;
}
.secUseReason .boxUseList .txtTag{
    font-size: var(--pcFontSize18);
    letter-spacing: var(--pcLetterSpacing18_100);
    color: var(--whiteColor);
    background-color: var(--orangeColor);
    font-weight: bold;
    padding: 0.7rem 0.4rem 0.5rem ;
}
.secUseReason .boxUseList .boxTit{
    position: relative;
    margin-top: 5rem;
}
.secUseReason .boxTag + .boxTit{
    margin-top: 1.5rem;
}
.secUseReason .boxUseList .tit{
    text-align: center;
    font-size: var(--pcFontSize26);
    letter-spacing: var(--pcLetterSpacing26_100);
    color: var(--keyColor);
    font-weight: bold;
    margin-bottom: 1.5rem;
}
.secUseReason .boxUseList .txt{
    text-align: left;
    font-size: var(--pcFontSize20);
    letter-spacing: var(--pcLetterSpacing20_30);
    line-height: var(--pcLineHeight20_35);
}
@media only screen and (max-width:1215px){
    .secUseReason{
        padding: 6rem 0;
    }
    /* boxUseList */
    .secUseReason .boxUseList{
        margin-top: 3rem;
    }
    .secUseReason .boxUseList .list{
        gap: 2rem 0;
    }
    .secUseReason .boxUseList .item{
        width: 100%;
        padding: 2.5rem;
    }
    .secUseReason .boxUseList .item::after {
        right: 1.5rem;
        left: auto;
        bottom: -0.5rem;
        font-size: var(--spFontSize100);
    }
    .secUseReason .boxUseList .boxImg{
        margin-bottom: 2.7rem;
    }
    .secUseReason .boxUseList .boxNum{
        bottom: -1.8rem;
        width: 10.8rem;
        height: 3.5rem;
        border-radius: 1.7rem;
        font-size: var(--spFontSize16);
        padding: 0.4rem 0 0 2.7rem;
    }
    .secUseReason .boxUseList .txtNum{
        top: -0.2rem;
        margin-left: 0.5rem;
        font-size: var(--spFontSize18);
    }
    .secUseReason .boxUseList .boxTag{
        gap: 0.7rem;
        margin-top: 2.7rem;
    }
    .secUseReason .boxUseList .txtTag{
        font-size: var(--spFontSize13);
        letter-spacing: var(--spLetterSpacing13_150);
        padding: 0.7rem 0.4rem 0.5rem ;
    }
    .secUseReason .boxUseList .boxTit{
        margin-top: 2.7rem;
    }
    .secUseReason .boxTag + .boxTit{
        margin-top: 1rem;
    }
    .secUseReason .boxUseList .tit{
        font-size: var(--spFontSize16);
        letter-spacing: var(--spLetterSpacing16_100);
        margin-bottom: 0.5rem;
        padding-bottom: 1rem;
    }
    .secUseReason .boxUseList .txt{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_17);
        letter-spacing: var(--spLetterSpacing11_30);
    }
}

/*-----------------------------------------------
    secFlow
-----------------------------------------------*/
.secFlow{
    padding: 16rem 0;
    text-align: center;
}
.secFlow .boxImg{
    margin-top: 3rem;
}
.secFlow .txtNote{
    font-size: var(--pcFontSize20);
    letter-spacing: var(--pcLetterSpacing20_30);
    margin-top: 3rem;
}
.secFlow .secCta{
    margin-top: 16rem;
}
@media only screen and (max-width:1215px){
    .secFlow{
        padding: 6rem 0;
    }
    .secFlow .txtNote{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_17);
        letter-spacing: var(--spLetterSpacing11_30);
        margin-top: 1.5rem;
    }
    .secFlow .secCta{
        margin-top: 6rem;
    }
}

/*-----------------------------------------------
    secFlow
-----------------------------------------------*/
.secFaq{
    padding: 16rem 0;
    background-color: var(--lightBlueColor);
    text-align: center;
}
.secFaq .boxFaqList{
    margin-top: 5rem;
}
.secFaq .boxFaqList .list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 3.3rem 0;
}
.secFaq .boxFaqList .item{
    width: 100%;
    border-radius: 1rem;
    padding: 0 4.5rem;
    background-color: var(--whiteColor);
    border: 0.2rem solid var(--keyColor);
}
.secFaq .boxFaqList .tit{
    position: relative;
    width: 100%;
    font-size: var(--pcFontSize25);
    letter-spacing: var(--pcLetterSpacing25_60);
    font-weight: bold;
    padding: 4.2rem 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
}
.secFaq .boxFaqList .tit::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    width: 4rem;
    height: 4rem;
    background-color: var(--keyColor);
    color: var(--whiteColor);
    border: 0.1rem solid var(--keyColor);
    border-radius: 50%;
}
.secFaq .boxFaqList .tit.on::before{
    background-color: var(--whiteColor);
    color: var(--keyColor);
}
.secFaq .boxFaqList .titIn{
    position: relative;
    width: 100%;
    display: inline-block;
}
.boxFaqList .tit .titIn:before,
.boxFaqList .tit .titIn::after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    right: 1rem;
    width: 1.8rem;
    height: 0.2rem;
    background-color: var(--whiteColor);
    transition: all 0.4s ease;
}
.boxFaqList .tit .titIn::after{
    transform: rotate(90deg);
}
.boxFaqList .tit.on .titIn::before,
.boxFaqList .tit.on .titIn::after{
    background-color: var(--keyColor);
}
.boxFaqList .tit.on .titIn:after {
    transform: rotate(360deg);
}
.secFaq .boxFaqList .fOrange{
    display: inline-block;
    margin-right: 1rem;
}
.secFaq .boxFaqList .boxTxt{
    background-color: var(--gray2Color);
    border-radius: 1rem;
    margin-bottom: 4.5rem;
    padding: 3rem;
    text-align: left;
    display: none;
}
.secFaq .item:first-child .boxTxt{
    display: block;
}
.secFaq .boxFaqList .txt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_28);
    letter-spacing: var(--pcLetterSpacing16_100);
}
@media only screen and (max-width:1215px){
    .secFaq{
        padding: 6rem 0;
    }
    .secFaq .boxFaqList{
        margin-top: 3rem;
    }
    .secFaq .boxFaqList .list{
        gap: 0.9rem 0;
    }
    .secFaq .boxFaqList .item{
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 2rem 0 1.2rem;
        min-height: 6.5rem;
    }
    .secFaq .boxFaqList .tit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_20);
        letter-spacing: var(--spLetterSpacing13_80);
        padding: 2rem 0;
    }
    .secFaq .boxFaqList .tit::before{
        width: 2rem;
        height: 2rem;
    }
    .secFaq .boxFaqList .tit.on::before{
        background-color: var(--whiteColor);
        color: var(--keyColor);
    }
    .secFaq .boxFaqList .titIn{
        display: flex;
        align-items: center;
    }
    .boxFaqList .tit .titIn:before,
    .boxFaqList .tit .titIn::after{
        right: 0.5rem;
        width: 0.9rem;
        height: 0.1rem;
    }
    .secFaq .boxFaqList .boxTxt{
        width: 98%;
        margin: 0 auto 2rem;
        padding: 1.1rem;
    }
    .secFaq .boxFaqList .txt{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_17);
        letter-spacing: var(--spLetterSpacing11_30);
    }
}

/*-----------------------------------------------
    secForm
-----------------------------------------------*/
.secForm{
    padding: 16rem 0 10rem;
}
.secForm.co{
    padding: 8rem 0 10rem;
}
.secForm.ok{
    padding: 15rem 0 10rem;
}
@media only screen and (max-width:1215px){
    .secForm{
        padding: 6rem 0;
    }
    .secForm.co{
        padding: 4rem 0 6rem;
    }
    .secForm.ok{
        padding: 10rem 0 6rem;
    }
}