@charset "utf-8";


/* secTop */
.secTop{
    margin-top: 3rem;
}
.secTop .tit{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_34);
    text-align: center;
    font-weight: 700;
}
.secTop .Line{
    font-weight: 400;
    background: linear-gradient(transparent 70%, var(--markerColor) 70%, var(--markerColor) 90%, transparent 90%);
}
.secTop .spanRed{
    color: var(--categoryColor01);
    font-weight: 700;
}
.secTop .icon{
    font-size: var(--pcFontSize16);
    width: 36rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2.5rem;
    color: var(--whiteColor);
    background: var(--categoryColor01);
    margin: 2.5rem auto 0;
    font-weight: 700;
}
.secTop .boxPresent{
    margin-top: 3.6rem;
    display: flex;
}
.secTop .item{
    width: calc(50% - 2rem);
    margin-right: 4rem;
    position: relative;
    border: 0.1rem solid var(--categoryColor01);
    background: var(--bgColor05);
    border-radius: 2.5rem;
    padding: 3.2rem 1rem 2.6rem;
    text-align: center;
}
.secTop .item:nth-child(2){
    margin-right: 0;
}
.secTop .item:nth-child(2)::before,.secTop .item:nth-child(2)::after{
    content: "";
    position: absolute;
    top: calc(50% - 0.2rem);
    left: -3rem;
    width: 2rem;
    height: 0.4rem;
    background: var(--categoryColor01);
}
.secTop .item:nth-child(2)::after{
    transform: rotate(90deg);
}
.secTop .num{
    font-size: var(--pcFontSize14);
    position: absolute;
    top: -1.7rem;
    left: calc(50% - 1.7rem);
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 50%;
    background: var(--categoryColor01);
    color: var(--whiteColor);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}
.secTop .txt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_22);
}
.secTop .txtPresent{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_26);
    color: var(--categoryColor01);
    margin-top: 1rem;
    font-weight: 700;
}
.secTop .spanNum{
    font-size: var(--pcFontSize32);
}
@media only screen and (max-width:1215px){
    .secTop{
        margin-top: 2.5rem;
    }
    .secTop .tit{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_26);
    }
    .secTop .Line{
        background: linear-gradient(transparent 70%, var(--markerColor) 70%, var(--markerColor) 100%, transparent 100%);
    }
    .secTop .spanRed{
        color: var(--categoryColor01);
        font-weight: 700;
    }
    .secTop .icon{
        font-size: var(--spFontSize14);
        width: 29rem;
        height: 4.5rem;
        border-radius: 2.25rem;
        margin: 1.5rem auto 0;
    }
    .secTop .boxPresent{
        margin-top: 2.8rem;
    }
    .secTop .item{
        width: calc(50% - 1rem);
        margin-right: 2rem;
        border-radius: 1.5rem;
        padding: 2.6rem 1rem 2.2rem;
    }
    .secTop .item:nth-child(2)::before,.secTop .item:nth-child(2)::after{
        top: calc(50% - 0.1rem);
        left: -1.5rem;
        width: 1rem;
        height: 0.2rem;
    }
    .secTop .num{
        font-size: var(--spFontSize12);
        top: -1.35rem;
        left: calc(50% - 1.35rem);
        width: 2.9rem;
        height: 2.9rem;
    }
    .secTop .txt{
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_16);
    }
    .secTop .txtPresent{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_18);
        margin-top: 0.6rem;
    }
    .secTop .spanNum{
        font-size: var(--spFontSize24);
    }
}

/* secMerit */
.secMerit{
    margin-top: 5rem;
}
.secMerit .tit{
    font-size: var(--pcFontSize18);
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 5rem auto 0;
    border: 0.1rem solid var(--borderColor);
    position: relative;
    height: 7.5rem;
}
.secMerit .tit::before{
    content: "";
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    width: calc(100% - 1rem);
    height: calc(100% - 1rem);
    border: 0.1rem solid var(--borderColor);
}
.secMerit .list{
    margin-top: 3rem;
    display: flex;
    flex-wrap: wrap;
    background: linear-gradient(to right, var(--blackColor) 0.1rem, transparent 0.1rem, transparent 0.4rem) left bottom / 0.4rem 0.1rem repeat-x;
    padding-bottom: 5rem;
}
.secMerit .item{
    width: calc(50% - 1rem);
    margin-right: 2rem;
}
.secMerit .item:nth-child(2n){
    margin-right: 0;
}
.secMerit .item:nth-child(n+3){
    margin-top: 4.4rem;
}
.secMerit .txtBox{
    padding: 2.5rem 0 0;
}
.secMerit .itemTit{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_26);
    font-weight: 700;
    margin-top: 1rem;
}
.secMerit .itemTxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_24);
    margin-top: 0.8rem;
}
@media only screen and (max-width:1215px){
    .secMerit{
        margin-top: 3rem;
    }
    .secMerit .tit{
        font-size: var(--spFontSize12);
        margin: 3rem auto 0;
        height: 6rem;
    }
    .secMerit .tit::before{
        top: 0.4rem;
        left: 0.4rem;
        width: calc(100% - 0.8rem);
        height: calc(100% - 0.8rem);
    }
    .secMerit .list{
        margin-top: 2rem;
        padding-bottom: 3.5rem;
    }
    .secMerit .item:nth-child(n+3){
        margin-top: 2.6rem;
    }
    .secMerit .txtBox{
        padding: 1.5rem 0 0;
    }
    .secMerit .itemTitEng img{
        height: 1.1rem;
        width: auto;
    }
    .secMerit .itemTit{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_22);
        margin-top: 0.7rem;
    }
    .secMerit .itemTxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        margin-top: 0.5rem;
    }
}



.secModel{
    margin: 6rem 0 0;
}
.secModel .tit{
    font-size: var(--pcFontSize18);
    font-weight: 700;
    text-align: center;
}
.secModel .spanLine{
    border-bottom: 0.1rem solid var(--borderColor);
}
.secModel .selectList{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-top: 4.3rem;
}
.secModel .selectItem{
    width: calc(50% - 1rem);
    margin-right: 2rem;
    position: relative;
    cursor: pointer;
}
.secModel .selectItem:nth-child(2n){
    margin-right: 0;
}
.secModel .selectItem:nth-child(n+3) {
    margin-top: 2rem;
}
.secModel .img{
    width: 100%;
    border-radius: 2.5rem;
    overflow: hidden;
}
.secModel .txtWrap{
    padding: 1.5rem 0 0;
    text-align: center;
}
.secModel .itemTit{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_26);
    font-weight: bold;
}
.secModel .mapTxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_20);
    margin-top: 0.5rem;
}
.secModel .mapLink{
    color: var(--textColor);
    text-decoration: underline;
}
.secModel .itemTxt {
    font-size: var(--pcFontSize12);
    line-height: var(--pcLineHeight12_15);
    margin-top: 0.5rem;
}
.secModel .btnBox{
    width: 15rem;
    height: 5rem;
    margin: 2rem auto 0;
}
.secModel .btnOff, .secModel .btnOn {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: var(--pcFontSize14);
    border-radius: 2.5rem;
}
.secModel .btnOff{
    background: var(--whiteColor);
    color: var(--textColor);
    border: 0.1rem solid var(--borderColor);
}
.secModel .btnOn{
    background: var(--categoryColor01);
    color: var(--whiteColor);
    display: none;
}
.secModel .selectItem.select .btnOff{
    display: none;
}
.secModel .selectItem.select .btnOn{
    display: flex;
}
@media only screen and (max-width:1215px){
    .secModel{
        margin: 4rem 0 0;
    }
    .secModel .tit{
        font-size: var(--spFontSize14);
    }
    .secModel .selectList{
        margin-top: 3.2rem;
    }
    .secModel .img{
        width: 100%;
        border-radius: 1.6rem;
    }
    .secModel .txtWrap{
        padding: 1.3rem 0 0;
    }
    .secModel .itemTit{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_22);
        letter-spacing: var(--spLetterSpacing14_-100);
    }
    .secModel .mapTxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        margin-top: 0.5rem;
    }
    .secModel .itemTxt {
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_16);
        margin-top: 0.5rem;
    }
    .secModel .btnBox{
        width: 12.5rem;
        height: 4rem;
        margin: 1.4rem auto 0;
    }
    .secModel .btnOff, .secModel .btnOn {
        font-size: var(--spFontSize12);
        border-radius: 2rem;
    }
}

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