@charset "euc-jp";
/* common */

.wrapper{max-width:1000px; margin:0 auto}
main { max-width: 1000px; margin: 0 auto; line-height: 1.5}


/* WARRANTY
---------------------------------------------------------------------- */

/* main */
.title{
    text-align: center;
    color: #fff;
    background-color: #003559;
    padding: 5px;
    font-size: 140%;
    font-weight: bold
}
section{ padding: 3rem 0.5rem}

main h2{ font-weight: bold; font-size: 120%; padding: 0.3rem 0.5rem; background-color: #61BAE6}
main h3{
    font-weight: bold;
    
    margin-bottom: 1rem;
    /*display: inline-block;*/
    text-align: center;
    border-top: 2px solid #3543DB;
    border-bottom: 2px solid #3543DB;
}
#warranty article, #repair article{ padding: 1rem 0}
#warranty article p, #repair article p{ margin-bottom: 0.5rem}


/* warranty */
#warranty ul li ul { margin: 0.5rem 0 1rem 1rem}
#warranty ul li ul li{ margin-bottom: 0.3rem; font-size: 95%}


/* repair */
#repair article div{ padding: 0 0.5rem; margin-bottom: 3rem}
#repair .r-form { color: #0039D5; font-weight: bold;}
#repair .r-form2 {
    color: #0039D5;
    font-weight: bold;
    font-size: 110%;
    display: inline-block;
    border: 1px solid;
    padding: 0.5rem;
    margin: 1rem;
    border-radius: 3px;
}
#repair .flow{ border-collapse: collapse; border-spacing: 0; margin: 2rem 0;border: 1px dotted}
#repair .flow th ,#repair .flow td{ border-bottom: 1px dotted}
#repair .flow th{ width: 22%; text-align: left; padding: 0.8rem; vertical-align: top; background-color: #B2DDDF}
#repair .flow td{ padding: 0.8rem}
#repair .flow ul{ font-size: 14px; padding-top: 0.5rem; margin-left: 25px; color: #333}
#repair .flow ul li{ margin-bottom: 0.5rem}
#repair .flow ul li:last-child{ margin-bottom: 0}
#repair .flow ul li:before{ content:"ви\00a0"; margin-left: -14px}

#repair .model h4{ text-align: center; color: #5060AD; font-size: 120%; font-weight: bold; padding: 2rem 0 1rem}
#repair .model h4 span{ font-size: 85%; font-weight: normal}
#repair .model table{
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid;
    width: 100%;
    margin-bottom: 2rem
}
#repair .model .index th, #repair .model .index td{ padding: 0.3rem; text-align: center}
#repair .model th, #repair .model td{ border-bottom: 1px solid; padding: 0.8rem}
#repair .model th{ background-color: #ddd; width: 22%}
#repair .model a{ text-decoration: underline; color: blue}


#repair .boder{ font-weight: bold; border-bottom: 1px solid; padding: 0 8px; display: inline-block; line-height: 1.2}

#repair .note{ font-size: 14px; padding-top: 0.5rem; margin-left: 14px; color: #333}
#repair .note li{ margin-bottom: 0.5rem}
#repair .note li:last-child{ margin-bottom: 0}
#repair .note li:before{ content:"ви\00a0"; margin-left: -14px}

#repair .add h4{ margin-top: 2rem; font-weight: bold}
#repair .add li{ margin-bottom: 0.5rem}

#repair .contact .btn a{
    color: #555;
    display: block;
    width: 60%;
    margin: 1rem auto 0;
    padding: 1rem ;
    border: 2px solid #555;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 0.3rem;
}
#repair .contact .btn a:hover{
    color: #fff;
    background-color: #555;
    text-decoration: none
}


@media screen and (max-width: 768px) {
    #repair .flow table{ width: 100%; padding: 1rem 0}
    #repair .flow th, #repair .flow td{ display: block}
    #repair .flow tr{ display: block}
    #repair .flow th{ width: 100%; font-weight: bold; padding: 0.5rem; border: none}
    #repair .flow td{ padding:0.8rem 1rem 1rem}
    #repair .flow td:last-child{ border: none}
    #repair .flow ul{ margin-left: 15px}
    
    #repair .index{ display: none}
    #repair .model th, #repair .model td{display: block}
    #repair .model th{ width: 100%; border: none; padding: 0.4rem}
}


@media screen and (min-width:768px){
    .title{ font-size: 160%; text-align: left; padding: 0.8rem}
    .title br{ display: none}
    section{ padding: 3rem 0rem}
    main h2{ font-size: 150%}
	main h3{
        display: inline-block;
        border-top: 2px solid #3543DB;
        border-bottom: 2px solid #3543DB;
        text-align: left;
        padding: 0.4rem 4rem 0.3rem 0.5rem;
        font-size: 130%
    }
    
    #warranty article div, #repair article div{ padding: 0 0 0 3rem; margin-bottom: 5rem}
    
    #repair .model h4{ text-align: left}
    #repair .model h4 br{ display: none}
    
    /*#repair .add br{ display: none}*/
    #repair .add ul{ margin: 0.5rem 0 0 1.5rem; font-size: 95%}
    #repair .add li{ margin-bottom: 0.2rem}
    
    #repair .contact .btn a{ width: 30%; margin: 1rem 0}
}