svg{
    fill-opacity: 1;
    stroke: #5E97FF;
    stroke-opacity: 1;
    fill: rgba(36, 86, 199, 1);
}

.roundBlock{
     border: 0px solid rgba(50, 65, 88, 1);
    background-color: rgba(29, 44, 243, 0.41);
    border-radius: 30px;
}



.arrowLeft{
        transform: rotate(90deg);
}

#serviceFlow{
/*    margin: 1rem  10% 5rem 10%;
    width: 80%;*/
    float: left;
    margin: 1rem 8% 5rem 8%;
    width: 84%;
}


#pageMainContainer #serviceFlow dt {
    float: left;
    width: 30%;
    text-align: center;
    clear: both;
}
#pageMainContainer #serviceFlow dd{
/*    width: 100%;
    padding-left: 30%;*/
    text-align: left;
    /*height:7rem;*/
    padding-top: 1.0rem;
    float: right;
    width: 67%;
    padding-left: 0;
    margin-left: 1rem;
    /*width: 64%;*/
}

#pageMainContainer #serviceFlow dt > span.flowTitle{
    display: inline-block;
    width: 12rem;
    text-align: center;    
    font-size: 1.0rem;
/*    height: 2.5rem;
    line-height: 2.5rem;*/
}

#serviceFlow dt > span.flowTitle,
.flowLeftTxt,
.flowCenterTxt{
    background-color: rgba(179, 138, 76, 1);
    border-radius: 30px;
height: 4rem;
    margin: auto 0.5rem auto auto;
    color: white;
    font-size: 1.5rem;
    line-height: 4rem;
    font-weight: 400;
}


p.flowCenterTxt.dblLineTxt,
p.flowLeftTxt.dblLineTxt{
    font-size: 1.25rem;
    line-height: 1.25rem;
    padding-top: 0.75rem;
}

p.flowLeftTxt.height100{
    height: 100%;
    line-height: 2;
    padding-top: 6.75rem;
}
p.flowLeftTxt{
        background-color: rgba(29, 44, 243, 0.41);
        text-align: center;
        color: #000;
}


.arrowRightFix{    transform: rotate(270deg); }
.arrowUpFix{    transform: rotate(180deg); height: 3rem; margin: 0.5rem auto; width: 2.5rem;  }
.arrowDownFix{    transform: rotate(0deg); height: 3rem; margin: 0.5rem auto;  width: 2.5rem; }

#hakenKeiyakuFig{
    margin-top: 1.5rem;
}

#hakenKeiyakuFigTable{
    width: 100%;
    margin-bottom: 2rem;
}
#hakenKeiyakuFigTable td{
    text-align: center;
    padding: 0 0.5rem;
}

.w30{
    width: 29%;
}

#hakenKeiyakuFigTable td.svg{
    height: 3.5rem;
    width: 3rem;
}

.downArrows{
    height: 4em;
    width: 3rem;
    transform: rotate(180deg);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/*#pageMainContainer dl#serviceFlow dd#flow3dd,*/
#pageMainContainer dl#serviceFlow dd#flow2dd{ padding-top: 0.25rem; }


@media (max-width: 480px) {
    
    #serviceFlow dt > span.flowTitle{
        margin-right:  auto;
    }
    
    #serviceFlow dd{
        font-size: 1rem;
    }
    
    .spLineThin{
        padding-top: 0.6rem;
        line-height: 1.75;
    }
    
    td.sideArrowSp{
        width: 1.5rem;
    }
    #main table#hakenKeiyakuFigTable td{ padding: 0; }
    main#main #serviceFlow dt > span.flowTitle,main#main  .flowLeftTxt, main#main .flowCenterTxt{ font-size: 0.8rem;   }
    svg.arrowUpFix ,svg.arrowDownFix{  height: 2rem;width: 1.75rem;    }
    #ukeoiTitle{     line-height: 1.2; }
    
    main#main #serviceFlow{
        margin: 1rem auto 4rem auto;
        width: 100%;
    }
    
    main#main #serviceFlow dt{
        width: 100%;
        float: left;
    }
    main#main #serviceFlow dd{
        width: 100%;
    }
    
     main#main #serviceFlow dt > br,
     main#main #serviceFlow dt > svg{ display: none; }
     main#main #serviceFlow dd { text-align: center; }
     main#main #serviceFlow dd > svg{ display: block;    text-align: center;    margin: auto auto 1rem auto; }
    
     main#main #serviceFlow dt > span.flowTitle{
        font-size: 5vw;
        width: 80%;
     }
     
     main#main p.flowLeftTxt.height100{
         padding-top: 127% !important;
         padding-bottom: 127% !important;
     } 
     
     
     .height1Line  svg.arrowLeft,
    td.sideArrowSp .arrowLeft{
            transform: rotate(90deg) scaleY(0.8) translateY(6px);
    }
     
} /*------ //sp  ----- */



@media screen and (max-width: 1280px) {
    main#main #serviceFlow{
        width: 100%;
        margin: 4rem auto;
    }    
    
    main#main p.flowLeftTxt.height100{
         padding-top: 60% !important;
         padding-bottom: 60% !important;
     } 
}

#attnButtonWrap #attnButton{
    width: 21rem;
}