@charset "utf-8";

.secCmnTit .tit{
    font-size: 23px;
    font-weight: 700;
}
.secHero .tit{
    font-size: 27px;
    font-weight: 700;
    text-align: center;
    margin-top: 90px;
}
.secHero .text{
    font-size: 16px;
    text-align: center;
    line-height:2.25 ;
    margin-top: 40px;
}


@media only screen and (max-width:767px){
    .wrapperSp{
        width: 92%;
        margin: 0 auto;
    }
    .secCmnTit .tit{
        font-size: 16px;
    }
    .secHero .tit{
        font-size: 19px;
        margin-top: 35px;
        line-height: 1.578;
    }
    .secHero .text{
        font-size: 14px;
        line-height:1.5714;
        margin-top: 10px;
    }
}
@media only screen and (max-width:374px){
    .secHero .text{
        font-size: 13px;
    }
}
@media only screen and (max-width:359px){
    .secCmnTit .tit{
        font-size: 15px;
    }
    .secHero .text{
        font-size: 12px;
    }
}
/* secBox */

.secBox .mainTit{
    font-size: 25px;
    font-weight: 700;
    border-bottom: 1px solid #000000;
    padding-bottom: 40px;
    margin-top:83px ;
    letter-spacing: 1px;
}
.secBox .tit{
    font-size: 25px;
    font-weight: 700;
    border-bottom: 1px solid #000000;
    padding-bottom: 40px;
    margin-top:108px ;
    letter-spacing: 2px;
}
.secBox .listTit{
    font-size: 25px;
    font-weight: 700;
    border-bottom: 1px solid #000000;
    padding-bottom: 41px;
    margin-top: 114px;
    letter-spacing: 2.5px;
}
.secBox .spanBig{
    font-size: 40px;
    font-weight: 700;
    color: #ec5233;
}
.secBox .list{
    margin-top: 50px;
    display: flex;
}
.secBox .item{
   margin-left: 100px;
   width:24.296%;
    margin-left: 7.812%;
}
.secBox .item:nth-child(n+2){
    margin-left: 5.744%;
}
.secBox .item:nth-child(3){
    margin-right: 7.812%;
}
.secBox .titImg{
    margin-top: 50px;
}
.secBox .text{
    font-size: 16px;
    line-height: 2.25;
    margin-top: 33px;
}
.secBox .boldText{
    font-size: 24px;
    font-weight: 700;
    line-height: 1.8;
    margin-top: 54px;
    text-align: center;
    letter-spacing: 0.5px;
}
.secBox .title{
    font-size: 22px;
    font-weight: 700;
    background: #f7f7f7;
    height: 100px;
    padding-left: 85px;
    display: flex;
    align-items: center;
    margin-top: 62px;
    position: relative;
    letter-spacing: 2px;
}
.secBox .title::before{
    position: absolute;
    content: "";
    background: url(../img/vr-check/iconSecBox01.gif)center / cover;
    top: 27px;
    left: 29px;
    width: 46px;
    height: 46px;
}
.secBox .title.tit02::before{
    background-image: url(../img/vr-check/iconSecBox02.gif);
}

.secBox .tex{
    font-size: 16px;
    margin-top: 34px;
    line-height: 2.25;
}
.secBox .vrImg{
    margin-top: 38px;
    text-align: center;
}


.secBox .flexBox{
    display: flex;
    margin-top: 58px;
}
.secBox .leftBox{
    width: 34.609%;
    margin-left: 12.031%;
    margin-right: 6.558%;
}
.secBox .rightBox{
    width: 34.609%;
    margin-left: 0;
    margin-right: 12.031%;
    position: relative;
}
.secBox .goodImg{
    position: absolute;
    top: -43px;
    right: -13px;
}
.secBox .underTit{
    font-size:18px ;
    font-weight: 700;
    margin-top: 20px;
    text-align: center;
}
.secBox  .titText{
    font-size: 16px;
    margin-top: 20px;
    text-align: center;
}
.secBox .listText{
    font-size: 16px;
    margin-top: 50px;
}
.secBox .listImg{
    margin: 40px 0 150px;
}

@media only screen and (max-width:767px){
    .secBox .mainTit{
        font-size: 17px;
        border-top:1px solid #000000 ;
        padding: 30px 0;
        margin-top:56px;
        line-height: 1.066;
        text-align: center;
    }
    .secBox .tit{
        font-size: 17px;
        border-top:1px solid #000000 ;
        padding: 22px 0;
        margin-top: 60px;
        line-height: 1.882;
        text-align: center;
        letter-spacing: 0;
    }
    .secBox .listTit{
        font-size: 17px;
        border-top:1px solid #000000 ;
        padding: 23px 0;
        margin-top: 59px;
        line-height: 1.882;
        text-align: center;
        letter-spacing: 0;
    }
    .secBox .spanBig{
        font-size: 30px;
    }
    .secBox .list{
        margin-top: 30px;
        display: block;
    }
    .secBox .item{
       margin-left: 0px;
       width:68.115%;
        margin-right: 0;
        margin: 0 auto;
    }
    .secBox .item:nth-child(n+2){
        margin-left: 0;
        margin: 14px auto 0;
    }
    .secBox .item:nth-child(3){
        margin-right: 0px;
        margin: 15px auto 0;
    }
    .secBox .titImg{
        margin-top: 30px;
    }
    .secBox .text{
        font-size: 14px;
        line-height: 1.857;
        margin-top:14px;
    }
    .secBox .boldText{
        font-size: 17px;
        line-height: 1.588;
        margin-top: 30px;
        letter-spacing: 0;
    }
    .secBox .title{
        font-size: 16px;
        height: 85px;
        padding-left: 60px;
        margin-top: 46px;
        line-height: 1.5;
        letter-spacing: 1px;
    }
    .secBox .tex{
        font-size: 14px;
        margin-top: 13px;
        line-height:1.857 ;
    }
    .secBox .vrImg{
        margin-top: 24px;
        text-align: center;
    }
    .secBox .flexBox{
        display: block;
        margin-top: 23px;
    }
    .secBox .leftBox{
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
    }
    .secBox .rightBox{
        width: 100%;
        margin-left: 0;
        margin-right: 0%;
        margin-top: 75px;
    }
    .secBox .goodImg{
        top: -45px;
        right: 0px;
    }
    .secBox .underTit{
        font-size:15px;
        margin-top: 20px;
    }
    .secBox  .titText{
        font-size: 14px;
        margin-top: 10px;
    }
    .secBox .listText{
        font-size: 14px;
        margin-top: 21px;
        line-height:1.857;
    }
    .secBox .listImg{
        margin: 26px 0 80px;
    }
    .secBox .title::before{
        position: absolute;
        content: "";
        background: url(../img/vr-check/iconSecBox01.gif)center / cover;
        top: 23px;
        left: 14px;
        width: 40px;
        height: 40px;
    }
}
@media only screen and (max-width:320px){
    .secBox  .titText{
        font-size: 12px;
    }
}