@charset "UTF-8";

/*------------------------------------------------------------
  common
------------------------------------------------------------*/
#newFront .bgGrey{
    background:#f0f0f0;
    padding: 7rem 0;
}
#newFront .whiteWrap{
    background: #FFF;
    padding: 2rem 0 6rem 0;
}
#newFront .wpContent h2{
    margin: 4rem 0 4rem 0;
}
#newFront .deco{
    margin: 0;
    text-align: center;
    margin-bottom: 3rem;
}
#newFront .wpContent h2 .grey{
    color: #424242;
}
#newFront .wpContent h3{
    color: #e60039;
    border: none;
    font-size: 170%;
    line-height: 140%;
    text-align: center;
    margin: 5rem 0 0.8rem 0;
}
#newFront .wpContent .h3Deco{
    text-align: center;
    display: block;
    margin-bottom: 3rem;
}


/*------------------------------------------------------------
  mainView
------------------------------------------------------------*/
#newFront #mainView{
    background:url(../img/index/bg-white.png) #f6f6f6;
    padding:14vw 0 0 0;
    background-size: contain;
}
#newFront #mainView h1{
    max-width: 750px;
    width: 70%;
    margin: 0 auto;
}
#newFront #mainView h2{
    text-align: center;
    font-size: 2rem;
    line-height: 140%;
    border-top: 1px solid;
    max-width: 750px;
    margin: 2rem auto 0 auto;
    padding-top: 1rem;
}
#newFront #mainView .imgFlex{
    max-width: 1370px;
    width: 85%;
    margin: 4rem auto 0 auto;
    z-index: 1;
    position: relative;
}
#newFront #mainView .imgFlex li:nth-of-type(1) img{
    border-radius: 80px 0 0 0;
}
#newFront #mainView .imgFlex li:nth-of-type(4) img{
    border-radius: 0 0 80px 0;
}

/*------------------------------------------------------------
  subMainView
------------------------------------------------------------*/
#newFront #subMainView{
    background: url(../img/index/bg-red.png) #e60039;
    padding: 10vw 0 3rem 0;
    z-index: 0;
    position: relative;
    background-size: contain;
    top: -5vw;
    margin-bottom: -5vw;
}
#newFront #subMainView .upperBox{
    background: #FFF;
    border-radius: 30px;
    padding: 3rem;
    position: relative;
}
#newFront #subMainView .upperBox .upperFlex{
    gap:3%;
}
#newFront #subMainView .upperBox .imgBox{
    flex:1;
    position:relative;
}
#newFront #subMainView .upperBox .imgBox img.chidori{
    position: absolute;
    top: -6rem;
    width: 170px;
    left: 0;
    right: 0;
    margin: auto;
}
#newFront #subMainView .upperBox .txtBox{
    flex: 2;
}
#newFront #subMainView .upperBox h2{
    line-height: 130%;
    color: #e60039;
    font-size: 180%;
}
#newFront #subMainView .upperBox p.txt{
    line-height: 150%;
    margin-top: 10px;
    font-size: 110%;
}
#newFront #subMainView .upperBox ul{
    width: 80%;
    margin: 1rem auto;
    border-top: 1px solid;
    padding-top: 1.5rem;
}
#newFront #subMainView .upperBox ul li{
    flex: 1;
}
#newFront #subMainView .upperBox ul li:nth-of-type(1){
    border-right:1px solid;
}
#newFront #subMainView .upperBox ul li .imgBox{
    flex:1;
    margin-right: 20px;
}
#newFront #subMainView .upperBox ul li:nth-of-type(1) .imgBox img{
    width: 100px;
}
#newFront #subMainView .upperBox ul li:nth-of-type(2) .imgBox img{
    width: 50px;
    display: block;
    margin: 0 0 0 auto;
}
#newFront #subMainView .upperBox ul li .txtBox{
    flex: 3;
}
#newFront #subMainView .upperBox ul li .txtBox p{
    margin: 0;
}
#newFront #subMainView .upperBox ul li .txtBox p.title{
    margin: 0;
    font-size: 130%;
    line-height: 120%;
}
#newFront #subMainView .bottomBox .pr{
    text-align: center;
    color: #FFF;
    font-size: 170%;
    line-height: 160%;
    border-bottom: 2px solid;
    padding-bottom: 1rem;
    width: 70%;
    margin: 2rem auto 6px auto;
}
#newFront #subMainView .bottomBox h2{
    color: #FFF;
    font-size: 200%;
    text-align: center;
    margin: 0;
}
#newFront #subMainView .bottomBox ul{
    justify-content: center;
    gap: 3%;
    margin: 2rem 0 1rem 0;
}
#newFront #subMainView .bottomBox ul li a{
    background: #FFF;
    padding: 10px 4rem;
    border-radius: 10px;
    font-size: 130%;
    text-align: center;
}
#newFront #subMainView .bottomBox .chips{
    color: #FFF;
    text-align: center;
    margin: 0;
    font-size: 95%;
}

/*------------------------------------------------------------
  intro
------------------------------------------------------------*/

#newFront #intro{

}
#newFront #intro ul{
    gap: 2%;
}
#newFront #intro ul.upperFlex li{
    border: 4px solid #e60039;
    border-radius: 20px;
    padding: 1.5rem;
}
#newFront #intro ul.upperFlex li img{
    height: 80px;
    width: auto;
    display: block;
    margin: 0 auto 1rem auto;
}
#newFront #intro ul.upperFlex li h3{
    border: none;
    color: #e60039;
    font-size: 120%;
    text-align: center;
    margin: 5px 0;
}
#newFront #intro ul.upperFlex li p{
    margin: 0;
    font-size: 90%;
    line-height: 150%;
}
#newFront #intro iframe{
    width:100%;
    height:460px;
} 

/*------------------------------------------------------------
  message
------------------------------------------------------------*/
#newFront #message{

}
#newFront #message .megFlex{
    gap: 6%;
    margin: 7rem 0 1rem 0;
}
#newFront #message .megFlex .imgBox{
    flex: 1;
}
#newFront #message .megFlex .imgBox p{
    text-align: center;
    line-height: 140%;
    margin: 10px 0;
}
#newFront #message .megFlex .txtBox{
    flex: 3;
}
#newFront #message .megFlex .txtBox h3{
    margin: 0;
    text-align: left;
}
#newFront #message .megFlex .txtBox p{
    margin: 10px 0;
}
#newFront #message .megFlex .txtBox .title{
    font-size: 120%;
    line-height: 150%;
    margin: 1rem 0 10px 0;
}
#newFront #message .zi{
    position:relative;
    z-index:1;
}



/*------------------------------------------------------------
  messageBottom
------------------------------------------------------------*/
#newFront #messageBottom{
    background: url(../img/index/bg-red.png) #e60039;
    padding: 10vw 0;
    z-index: 0;
    position: relative;
    background-size: contain;
    margin-top: -15vw;
}
#newFront #messageBottom .revWrap{
    font-size: 160%;
    line-height: 150%;
}
#newFront #messageBottom .revWrap p{
    text-align: center;
    color: #FFF;
}
#newFront #messageBottom .revWrap p.pr{
    font-size: 130%;
    line-height: 150%;
}

/*------------------------------------------------------------
  jisseki
------------------------------------------------------------*/
#newFront #jisseki.bgGrey{
    padding-bottom: 0;
}
#newFront #jisseki .whiteWrap{
    margin-top: -14vw;
    z-index: 1;
    position: relative;
}
#newFront #jisseki  .classLinkImg{
    text-align: center;
    display: block;
    max-width: 400px;
    margin: 4rem auto 10px auto;
}
#newFront #jisseki  .classLink {
    position:relative;
    text-align: center;
    display: block;
    font-size: 130%;
}
#newFront #jisseki  .classLink .arrow{
    width: 10px;
    height: 10px;
    color: #e00238;
    position: absolute;
    left: 0;
    right: -34%;
    top: 3px;
    bottom: 0;
    margin: auto;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    border: 0.1em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateX(-25%) rotate(45deg);
}
#newFront #jisseki .achiveFlex{
    flex-wrap:wrap;
    justify-content:center;
}
#newFront #jisseki .achiveFlex li{
    position: relative;
    width: 46%;
    border: 3px solid #e60039;
    border-radius: 20px;
    padding: 1rem;
    margin: 50px 10px 10px 10px;
}
#newFront #jisseki .achiveFlex li:nth-of-type(5){
    width:100%;
}
#newFront #jisseki .achiveFlex li h3{
    font-size: 120%;
    margin: 2rem 0 0 0;
}
#newFront #jisseki .achiveFlex li p{
    margin: 5px 0;
    font-size: 90%;
    line-height: 160%;
}
#newFront #jisseki .achiveFlex li img{
    position: absolute;
    width: 90px;
    left: 0;
    right: 0;
    top: -51px;
    margin: auto;
}
#newFront #jisseki .challemge{
    position: relative;
    border: 5px solid #e60039;
    border-radius: 20px;
    margin: 4rem 9px;
}
#newFront #jisseki .challemge .deco{
    margin-bottom: 1rem;
}
#newFront #jisseki .challemge img.roket{
    position: absolute;
    width: 80px;
    left: 0;
    right: 0;
    top: -40px;
    margin: auto;
}
#newFront #jisseki .challemge img.plus{
    width: 75%;
    margin: 0 auto;
}
#newFront #jisseki .challemge .pr{
    text-align: center;
    color: #e60039;
    font-size: 170%;
}

/*------------------------------------------------------------
  service
------------------------------------------------------------*/
#newFront #service{
    background: url(../img/index/bg-nurired.jpg) no-repeat;
    background-position: bottom;
    background-size: 100%;
    padding-bottom: 8rem;
}
#newFront #service .pr{
    color: #e60039;
    font-size: 180%;
    border: 2px solid;
    border-radius: 20px;
    position: relative;
    padding: 10px;
    text-align:center;
    margin-top: 6rem;
}
#newFront #service .deco{
    margin-bottom: 1rem;
}
#newFront #service .pr img{
    width: 60px;
    position: absolute;
    left: 20px;
    top: -50px;
}
#newFront #service .diffFlex{
    gap: 3%;
}
#newFront #service .diffFlex .inner{
    flex: 1;
}
#newFront #service .diffFlex .inner p.title{
    text-align: center;
    background: #e60039;
    color: #FFF;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    font-size: 130%;
    margin-bottom: 0;
}
#newFront #service .diffFlex .inner dl{
    flex-wrap: wrap;
    padding: 1rem 2rem;
    border: 3px solid #e60039;
}
#newFront #service .diffFlex .inner dl dt,
#newFront #service .diffFlex .inner dl dd{
    padding: 10px;
    border-bottom: 1px dotted #ccc;
}
#newFront #service .diffFlex .inner dl dt{
    width:30%;
}
#newFront #service .diffFlex .inner dl dd{
    width:70%;
}
#newFront #service .diffFlex .other p.title{
    background: #595959;
}
#newFront #service .diffFlex .other dl{
    border: 3px solid #595959; 
}
#newFront #service .pointWrap{
    background: #f0f0f0;
    padding: 2rem;
    margin: 2rem 0;
    border-radius: 10px;
}
#newFront #service .pointWrap .title{
    text-align: center;
    margin: 0;
    font-size: 130%;
    color: #e60039;
}
#newFront #service .pointWrap p{
    margin: 10px 0;
    font-size: 95%;
}
#newFront #service .flowFlex{
    gap: 10%;
    flex-wrap: wrap;
    border-bottom: 1px solid;
    padding-bottom: 4rem;
}
#newFront #service .flowBox{
    width: 45%;
}
#newFront #service .flowBox h4{
    border: none;
    background: #e60039;
    color: #FFF;
    text-align: center;
    border-radius: 4px;
    font-style: italic;
    position:relative;
    z-index:1;
}
#newFront #service .flowBox h4:after{
    display:none;
}
#newFront #service .flowBox p{
    margin: 1rem 0;
    line-height: 140%;
}
#newFront #service .flowBox img{
    position: relative;
    z-index: 0;
    width: 80%;
    margin: -4rem auto 0 auto;
}

/*------------------------------------------------------------
  dx
------------------------------------------------------------*/
#newFront #dx{

}
#newFront #dx .dxFlex{

}
#newFront #dx .dxFlexWrap{
    position: relative;
    flex:1;
    border: 3px solid #e60039;
    border-radius: 20px;
    padding: 1rem;
    margin: 50px 10px 10px 10px;
}
#newFront #dx .dxFlexWrap img{
    position: absolute;
    width: 90px;
    left: 0;
    right: 0;
    top: -51px;
    margin: auto; 
}
#newFront #dx .dxFlexWrap .title{
    color: #e60039;
    font-size: 130%;
    text-align: center;
    margin: 2rem 0 0 0;
}
#newFront #dx .dxFlexWrap ul li{
    font-size: 91%;
    padding: 5px 0;
    border-bottom: 1px dotted #ccc;
}
#newFront #dx .challemge{
    position: relative;
    border: 5px solid #e60039;
    border-radius: 20px;
    margin: 4rem 9px 0 9px;
    padding: 0 2rem 2rem 2rem;
}
#newFront #dx .challemge img{
    position: absolute;
    width: 80px;
    left: 0;
    right: 0;
    top: -40px;
    margin: auto;
}

/*------------------------------------------------------------
  model
------------------------------------------------------------*/
#newFront #model{

}
#newFront #model img{
    width: 80%;
    margin: 7rem auto 5rem auto;
}
#newFront #model h3{
    text-align: left;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    font-size: 120%;
    margin: 0;
}
#newFront #model p{
    margin: 1rem 0 2rem 0;
}

/*------------------------------------------------------------
  voice
------------------------------------------------------------*/
#newFront #voice{

}
#newFront #voice ul{
    flex-wrap: wrap;
    justify-content: center;
}
#newFront #voice ul li{
    margin: 1rem;
    width: 46%;
    background: url(../img/index/voiceBg.png) no-repeat #f0f0f0;
    padding: 2rem;
    border-radius: 5px;
    background-position: bottom;
    background-size: contain;
}
#newFront #voice ul li:nth-of-type(1) p.txt,
#newFront #voice ul li:nth-of-type(2) p.txt{
    min-height: 280px;
}
#newFront #voice ul li:nth-of-type(3) p.txt,
#newFront #voice ul li:nth-of-type(4) p.txt{
    min-height: 332px;
}
#newFront #voice ul li p.txt{
    margin: 0;
    font-weight: 500;
    font-size: 92%;
}
#newFront #voice ul li .intWrap{
    display: flex;
    gap: 3%;
}
#newFront #voice ul li .imgBox{
    flex:1;
}
#newFront #voice ul li .txtBox{
    flex: 3;
}
#newFront #voice ul li .txtBox .name{
    margin: 0;
    font-size: 140%;
}
#newFront #voice ul li .txtBox .tips{
    margin: 0;
    font-size: 80%;
    line-height: 130%;
}
#newFront #voice ul li .txtBox a{
    background: #e60039;
    color: #FFF;
    font-size: 80%;
    border-radius: 80px;
    display: block;
    text-align: center;
    margin-top: 9px;
}
#newFront #voice .moreLink{
    background: #e60039;
    color: #FFF;
    font-size: 130%;
    border-radius: 80px;
    display: block;
    text-align: center;
    padding: 10px;
    margin: 2rem 0;
}


/*------------------------------------------------------------
  grow
------------------------------------------------------------*/
#newFront #grow{

}

/*------------------------------------------------------------
  company
------------------------------------------------------------*/
#newFront #company{

}
#newFront #company table th,
#newFront #company table td{
    text-align: left;
    border: none;
    border-bottom: 1px solid #ccc;
}
#newFront #company table th{
    background:#FFF;
}


@media (min-width: 1800px) {

    #newFront #mainView{
        padding: 10vw 0 0 0;
    }

}

@media (max-width: 1130px) {

    #newFront .contentWrapper{
        width:95%;
    }
}

@media (max-width: 950px) {

    #newFront #mainView h1{
        max-width: 570px;
    }
    #newFront #mainView .imgFlex{
        max-width: inherit;
        width: 95%;
    }
    #newFront #subMainView .upperBox .txtBox{
        flex: 3;
    }
    #newFront #subMainView .upperBox .imgBox img.chidori{
        top: -4rem;
        width: 150px;
    }
    #newFront #subMainView .upperBox ul{
        width: 90%;
    }
    #newFront #service .contentWrapper{
        padding: 2rem 0 3rem 0;
    }

}

@media (max-width: 800px) {

    .tbBreak{
        display:block;
    }

    #newFront #mainView .imgFlex{
        flex-wrap:wrap;
    }
    #newFront #mainView .imgFlex li{
        width: 50%;
    }
    #newFront #subMainView{
        padding: 14vw 0 3rem 0;
    }
    #newFront #subMainView .upperBox{
        padding: 7rem 3rem 3rem 3rem;
    }
    #newFront #subMainView .upperBox .imgBox{
        flex: auto;
        position: absolute;
        width: 100px;
        height: 100px;
        top: 1.5rem;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 1;
    }
    #newFront #subMainView .upperBox .txtBox{
        flex: auto;
        width: 100%;
        text-align: center;  
    }
    #newFront #subMainView .upperBox p.txt{
        font-size: 100%;
    }
    #newFront #subMainView .upperBox ul{
        display: block;
        padding-top: 0;
    }
    #newFront #subMainView .upperBox ul li{
        display:block;
        padding:10px 0;
        border-bottom: 1px solid;
    }
    #newFront #subMainView .upperBox ul li:nth-of-type(1){
        border:none;
        border-bottom: 1px solid;
    }
    #newFront #subMainView .upperBox ul li .imgBox{
        display:none;
    }
    #newFront #subMainView .upperBox .txtBox p.title .txt{
        position:relative;
    }
    #newFront #subMainView .upperBox ul li:nth-of-type(1) .txtBox{
        padding-left: 47%;
    }
    #newFront #subMainView .upperBox ul li:nth-of-type(1) .txtBox  p.title .txt span{
        content: "";
        background: url(../img/index/red-book.png) no-repeat;
        background-size: cover;
        position: absolute;
        width: 118px;
        height: 59px;
        left: -164px;
    }
    #newFront #subMainView .upperBox ul li:nth-of-type(2) .txtBox{
        padding-left: 44%;
    }
    #newFront #subMainView .upperBox ul li:nth-of-type(2) .txtBox  p.title .txt span{
        content: "";
        background: url(../img/index/red-mato.png) no-repeat;
        background-size: cover;
        position: absolute;
        width: 58px;
        height: 59px;
        left: -134px;
    }
    #newFront #subMainView .bottomBox .pr{
        width: 90%;
    }
    #newFront #subMainView .bottomBox ul{
        display:block;
        margin: 1rem 0;
    }
    #newFront #subMainView .bottomBox ul li{
        margin: 10px 0;
    }
    #newFront #subMainView .bottomBox ul li a{
        width: 100%;
    }
    #newFront #intro ul.pointFlex{
        flex-wrap: wrap;
        justify-content:center;
    }
    #newFront #intro ul.pointFlex li{
        width:40%;
    }
    #newFront #service .diffFlex{
        display:block;
    }
    #newFront #service .diffFlex .inner p.title{
        margin-top: 20px;
    }
    #newFront #service .flowBox h4{
        font-size: 120%;
    }
    #newFront #service .pr{
        font-size: 150%;
    }
    #newFront #service .diffFlex .inner dl{
        padding: 5px 2rem 1rem 2rem;
    }
    #newFront #voice ul li{
        width: 95%;
    }
    #newFront #voice ul li:nth-of-type(1) p.txt, #newFront #voice ul li:nth-of-type(2) p.txt,
    #newFront #voice ul li:nth-of-type(3) p.txt, #newFront #voice ul li:nth-of-type(4) p.txt{
        min-height: auto;
        padding-bottom: 2rem;
        font-size: 110%;
    }
    #newFront #voice .whiteWrap{
        padding: 2rem 0 1rem 0;
    }
    #newFront .syainFLex{
        display:block;
    }
    #newFront #jisseki .classLink .arrow{
        display:none;
    }
}

@media (max-width: 670px) {

    #newFront .wpContent h2{
        margin: 2rem 0 4rem 0;
    }
    #newFront .wpContent h2:after{
        bottom: -1rem;
    }
    #newFront .wpContent h3{
        margin: 4rem 0 0 0;
        font-size: 150%;
    }
    #newFront .wpContent .h3Deco{
        margin-bottom: 2rem;
        font-size: 90%;
    }
    #newFront .whiteWrap{
        padding: 2rem 0 2rem 0;
    }
    #newFront .bgGrey{
        padding: 2rem 0;
    }
    #newFront #mainView{
        padding: 29vw 0 0 0;
    }
    #newFront #mainView h1{
        max-width: inherit;
        width: 90%;
    }
    #newFront #mainView h2{
        font-size: 140%;
        max-width: 88%;
    }
    #newFront #subMainView{
        padding: 54vw 0 3rem 0;
        top: -44vw;
        margin-bottom: -54vw;
    }
    #newFront #subMainView .bottomBox .pr{
        font-size: 140%;
    }
    #newFront #subMainView .bottomBox h2{
        line-height: 130%;
        margin-bottom: 3rem;
    }
    #newFront #intro.bgGrey{
        padding-top:6rem;
    }
    #newFront #intro ul.upperFlex{
        display:block;
    }
    #newFront #intro ul.upperFlex li{
        margin: 10px 0;
    }
    #newFront #message .megFlex{
        display:block;
    }
    #newFront #message .megFlex .imgBox{
        width: 50%;
        margin: 0 auto 2rem auto;
    }
    #newFront #message .megFlex .txtBox h3{
        text-align:center;
    }
    #newFront #message .megFlex .txtBox .title{
        margin: 2rem 0;
    }
    #newFront #messageBottom{
        padding: 20vw 0 12vw 0;
        margin-top: -27vw;
    }
    #newFront #messageBottom .revWrap p.pr{
        font-size: 120%;
        margin-bottom: 10px;
    }
    #newFront #jisseki .challemge .pr{
        font-size: 120%;
        margin: 1rem 0 1.5rem 0;
    }
    #newFront #jisseki .classLinkImg{
        max-width: 320px;
    }
    #newFront #service .pr{
        font-size: 150%;
    }
    #newFront #service .pointWrap .title{
        font-size: 110%;
    }
    #newFront #service .flowBox h4{
        font-size: 90%;
        padding: 5px 0 5px 0;
        margin-top: 1rem;
    }
    #newFront #service .flowBox p{
        font-size: 90%;
    }
    #newFront #service .yarigai{
        width: 80%;
        margin: 0 auto;
    }
    #newFront #dx .dxFlex{
        display: block;
    }
    #newFront #dx .dxFlexWrap{
        margin: 70px 10px 10px 10px;
    }
    #newFront #dx .dxFlexWrap ul li{
        text-align: center;
    }
    #newFront #model img{
        width: 100%;
        margin: 4rem auto 1rem auto
    }
    #newFront #model p{
        margin: 5px 0 2rem 0;
    }
    #newFront #grow ul{
        display:block;
    }
    #newFront #grow ul li{
        padding: 5px 0;
    }

}

@media (max-width: 570px) {

    .spBreak{
        display:block;
    }

    #newFront #subMainView .upperBox ul li:nth-of-type(1) .txtBox{
        padding-left: 0;
    }
    #newFront #subMainView .upperBox ul li:nth-of-type(1) .txtBox p.title .txt span{
        width: 78px;
        height: 39px;
        left: -124px;
        top: 10px;
    }
    #newFront #subMainView .upperBox ul li:nth-of-type(2) .txtBox{
        padding-left: 0;
    }
    #newFront #subMainView .upperBox ul li:nth-of-type(2) .txtBox p.title .txt span{
        width: 47px;
        height: 47px;
        left: -67px;
        top: 7px;
    }
    #newFront #jisseki .achiveFlex li{
        width: 100%;
    }
}

@media (max-width: 480px) {

    #newFront .wpContent h2{
        font-size: 170%;
        margin: 2rem 0 3rem 0;
    }
    #newFront .wpContent .h3Deco{
        margin-bottom: 1rem;
    }
    #newFront #subMainView .upperBox h2{
        font-size: 160%;
    }
    #newFront #subMainView .upperBox .imgBox img.chidori{
        top: -3rem;
    }
    #newFront #mainView h2{
        margin: 1rem auto 0 auto;
        padding-top: 10px;
    }
    #newFront #mainView .imgFlex{
        margin: 2rem auto 0 auto;
    }
    #newFront #subMainView .upperBox{
        padding: 7rem 2rem 3rem 2rem;
    }
    #newFront #subMainView .upperBox ul li .txtBox p,
    #newFront #subMainView .upperBox ul li .txtBox span{
        font-size:90%;
    }
    #newFront #subMainView .upperBox ul li .txtBox p.title .txt span{
        display:none;
    }
    #newFront #subMainView .bottomBox .pr{
        font-size: 110%;
    }
    #newFront #subMainView .bottomBox h2{
        margin-bottom: 1rem;
    }
    #newFront .deco{
        line-height: 140%;
    }
    #newFront #jisseki .challemge .pr{
        line-height: 120%;
    }
    #newFront #message .megFlex{
        margin: 3rem 0 1rem 0;
    }
    #newFront #service .pr img{
        top: -90px;
    }
    #newFront #service .pointWrap .tbBreak{
        display:none;
    }
    #newFront #service .pointWrap .title{
        line-height: 150%;
    }
    #newFront #service .pointWrap p{
        line-height: 170%;
    }
    #newFront #model h3{
        padding-bottom: 5px;
    }
    #newFront #model p{
        margin: 5px 0 1rem 0;
    }
    #newFront #voice ul li p.txt{
        line-height: 170%;
    }

}

@media (max-width: 380px) {

    #newFront #subMainView .upperBox h2{
        font-size: 130%;
    }
    #newFront #subMainView .upperBox p.txt{
        margin-bottom: 0;
    }
    #newFront #subMainView .bottomBox .pr{
        font-size: 100%;
    }
    #newFront #subMainView .bottomBox ul li a{
        width: 90%;
        margin: 0 auto;
        display: block;
    }


}