/* CSS Document */
h2#homelawyerH2 { background-color: #3591BC; height: 45px; color: #FFF; background: #3591BC url(images/h2Img.png) no-repeat center 0; text-indent: -9999px; overflow: hidden; margin-bottom: 0; border: none; }

h1#homelawyerH1 { background: #683C14 url(images/h1Title.jpg) no-repeat center 0; height: 180px; text-indent: -99999px; overflow: hidden; }
#homelawyerHeadDoc { background-color: #BFDFFF; }
#homelawyerHeadDocIn { width: 960px; margin-left: auto; margin-right: auto; padding-top: 20px; padding-bottom: 20px; }

#homelawyerWrap { border: #3591BC 5px solid; margin-bottom: 60px; padding: 25px 50px 40px 25px; }
#homelawyerWrap dl { margin-bottom: 40px; background-repeat: no-repeat; background-position: 0 0; padding-left: 85px; padding-top: 20px; }
#homelawyerWrap dl.merit01 { background-image: url(//resource.aichisogo.or.jp/iryo/homelawyer/images/merit01.png); }
#homelawyerWrap dl.merit02 { background-image: url(//resource.aichisogo.or.jp/iryo/homelawyer/images/merit02.png); }
#homelawyerWrap dl.merit03 { background-image: url(//resource.aichisogo.or.jp/iryo/homelawyer/images/merit03.png); }
#homelawyerWrap dl.merit04 { background-image: url(//resource.aichisogo.or.jp/iryo/homelawyer/images/merit04.png); margin-bottom: 0; }
#homelawyerWrap dt { font-size: 28px; line-height: 120%; color: #000; margin-bottom: 20px; }
#homelawyerWrap dd { font-size: 16px; line-height: 160%; text-indent: 1em; color: #333; }

@media (min-width: 768px) {
/*h1#homelawyerH1 { background: #683C14 url(images/h1Title.jpg) no-repeat center 0; height: 180px; text-indent: -99999px; overflow: hidden; }
#homelawyerHeadDoc { background-color: #BFDFFF; height: 120px; }
#homelawyerHeadDocIn { width: 960px; margin-left: auto; margin-right: auto; padding-top: 20px; }

#homelawyerWrap { border: #3591BC 5px solid; margin-bottom: 60px; padding: 25px 50px 40px 25px; }
#homelawyerWrap dl { margin-bottom: 40px; background-repeat: no-repeat; background-position: 0 0; padding-left: 85px; padding-top: 20px; }
#homelawyerWrap dl.merit01 { background-image: url(images/merit01.png); }
#homelawyerWrap dl.merit02 { background-image: url(images/merit02.png); }
#homelawyerWrap dl.merit03 { background-image: url(images/merit03.png); }
#homelawyerWrap dl.merit04 { background-image: url(images/merit04.png); margin-bottom: 0; }
#homelawyerWrap dt { font-size: 28px; line-height: 120%; color: #000; margin-bottom: 20px; }
#homelawyerWrap dd { font-size: 16px; line-height: 160%; text-indent: 1em; color: #333; }*/

}
@media (max-width: 767px) {
    
    #mainCont { width: calc(100% - 20px);}
    h2#homelawyerH2 { background-size: 80% auto; background-position: center center;}

#komonHeadDoc { background-color: #BFDFFF; color: #FFF; }
#komonHeadIn { color: #000; width: 93%; max-width: 600px; margin-left: auto; margin-right: auto; padding: 20px; font-size: 22px; line-height: 130%; }
#komonHeadIn p { margin-top: 10px; font-size: 32px; line-height: 120%; font-weight: bold; }
    
    #homelawyerWrap { padding: 10px; }
    #homelawyerWrap dl { padding-left: 0; padding-top: 0; background-size: 40px auto; margin-bottom: 30px; }
    #homelawyerWrap dt { font-size: 20px; padding-top: 10px; padding-left: 50px; font-weight: bold; color: #391C00;}
    #homelawyerWrap dd { font-size: 14px; color: #391C00;}
    
/*
.komonTitle01 { background-color: #3591BC; color: #FFF; text-align: center; font-weight: bold; font-size: 32px; line-height: 58px; }
#komonDocWrap { border: #3591BC 2px solid; border-top: none; padding: 20px; }
.merit { background-repeat: no-repeat; background-position: 0 0; background-size: auto 100%; font-weight: bold; font-size: 32px; padding-left: 46px; padding-top: 6px; padding-bottom: 6px; background-size: 36px auto; background-position: left center; }
.merit.meritIcon1 { background-image: url(images/merit01.png); }
.merit.meritIcon2 { background-image: url(images/merit02.png); }
.merit.meritIcon3 { background-image: url(images/merit03.png); }
.merit.meritIcon4 { background-image: url(images/merit04.png); }
    */
}

@media screen and (min-width:480px) and (max-width: 640px){
#komonHeadIn { padding: 15px; font-size: 16px; }
#komonHeadIn p { margin-top: 8px; font-size: 26px; }
/*
.komonTitle01 { font-size: 26px; line-height: 42px; }
#komonDocWrap { border: #3591BC 2px solid; padding: 15px; }
.merit { font-size: 26px; }*/
}
@media screen and (min-width:320px) and (max-width: 480px){
#komonHeadIn { padding: 10px; font-size: 14px; }
#komonHeadIn p { margin-top: 5px; font-size: 20px; }
/*
.komonTitle01 { font-size: 18px; line-height: 36px; }
#komonDocWrap { border: #3591BC 1px solid; padding: 10px; }
.merit { font-size: 20px; }*/
}

@media (max-width: 480px) {

}