@charset 'UTF-8';
/* mod_btn01逕ｨ */
/*!  #service
================================================ */
#mainVisual
{
    background-image: url('../img/service/mainimg01_sp.png');
}
/* forPC */
@media screen and (min-width: 600px)
{
    #mainVisual
    {
        background-image: url('../img/service/mainimg01_pc.png');
    }
}
#intro
{
    padding: 35px 10px 30px;
}
#intro .tit
{ font-size: 1.9rem; font-weight: 700; line-height: 1.58; 

    position: relative; margin-bottom: 5px; padding-left: 12px; letter-spacing: 0;
}
#intro .tit:before
{
    position: absolute; top: 5px; left: 0; display: block; width: 5px; height: 50px; content: ''; background: #062c87;
}
#intro .tit .dot
{ font-weight: 700; position: relative; 

    display: inline-block;
}
#intro .tit .dot:before
{
    position: absolute; top: 0; left: 50%; display: block; width: 4px; height: 4px; margin-left: -2px; content: ''; border-radius: 50%; background: #072d87;
}
/* forPC */
@media screen and (min-width: 600px)
{
    #intro
    {
        padding: 0 0 55px;
    }  #intro .tit
    { font-size: 3rem; line-height: 1.1; 

        margin-bottom: 20px; padding-left: 24px;
    }  #intro .tit:before
    {
        width: 8px; height: 26px;
    }  #intro .tit .dot:before
    {
        top: -10px; width: 6px; height: 6px; margin-left: -2px;
    }  #intro .img
    {
        text-align: center;
    }
}
#repair
{
    padding: 0 10px 40px;
}
#repair .list > li
{
    margin-top: -45px; padding-top: 45px;
}
#repair .list > li .repairBox
{
    padding: 20px; border: solid 1px #072d87;
}
#repair .list > li + li .repairBox
{
    margin-top: 15px;
}
#repair .img
{
    float: right; width: 110px; margin: 0 0 10px 15px;
}
#repair .tit
{ font-size: 1.5rem; font-weight: 700; 

    position: relative; top: -5px; margin-bottom: 10px; color: #072d87;
}
#repair .tit .ico
{
    position: relative; top: 5px; width: 25px; margin-left: -5px;
}
#repair .txt
{
    line-height: 1.46;
}
#repair .repairWrap
{
    margin-top: 10px;
}
#repair .repairWrap .box
{
    padding: 0 10px 10px; border: solid 1px #e6e9f3;
}
#repair .repairWrap .box + .box
{
    margin-top: 5px;
}
#repair .repairWrap .info
{
    margin: 0 -10px 10px; padding: 10px; background: #e6e9f3;
}
#repair .repairWrap .name
{
    display: inline-block;
}
#repair .repairWrap .price
{ font-size: 1.4rem; font-weight: 700; display: inline-block; 
    float: right;
}
#repair .repairWrap .notes
{
    margin-top: 10px; text-align: right;
}
#repair .repairWrap .pic li
{ float: left; 

    width: 49%;
}
#repair .repairWrap .pic li + li
{
    float: right;
}
/* forPC */
@media screen and (min-width: 600px)
{
    #repair
    {
        padding: 0;
    }  #repair .list > li
    {
        margin-top: -100px; padding-top: 100px;
    }  #repair .list > li .repairBox
    {
        padding: 40px;
    }  #repair .list > li + li .repairBox
    {
        margin-top: 20px;
    }  #repair .img
    {
        float: right; width: 353px; margin: 0 0 30px 35px;
    }  #repair .tit
    { font-size: 2.2rem; 

        position: relative; top: -5px; margin-bottom: 20px;
    }  #repair .tit .ico
    {
        position: relative; top: 10px; width: 40px; margin-left: -5px;
    }  #repair .txt
    {
        font-size: 1.4rem; line-height: 1.71;
    }  #repair .repairWrap
    {
        clear: both; margin-top: 0;
    }  #repair .repairWrap .box
    {
        padding: 0; border: solid 1px #e6e9f3;
    }  #repair .repairWrap .box + .box
    {
        margin-top: 20px;
    }  #repair .repairWrap .info
    {
        margin: 0; padding: 15px 20px;
    }  #repair .repairWrap .name
    {
        font-size: 1.8rem;
    }  #repair .repairWrap .price
    {
        font-size: 1.8rem;
    }  #repair .repairWrap .notes
    {
        margin-top: 5px;
    }  #repair .repairWrap .pic
    {
        margin: 25px 40px;
    }  #repair .repairWrap .pic li
    {
        width: 360px;
    }
}
/*# sourceMappingURL=maps/service.css.map */

@media screen and (max-width: 599px) {
    #repair .repairWrap .price {
        float: none;
        display: block;
        padding-top: 10px;
        text-align: right;
    }
}