/* CSS Document */

/*------------------------------------------------------



------------------------------------------------------*/
#topMainImgIn { width: 960px; margin-left: auto; margin-right: auto; }
#topMainTitle { text-align: center; margin-bottom: 20px; }
#topMainImgIn dl { margin: 0; padding: 0; float: left; width: 159px; color: #FFF; height: 132px; padding-top: 8px; border-left: #FFF 1px solid; line-height: 120%; }
#topMainImgIn dt { margin: 0; padding: 0; font-size: 18px; line-height: 1em; text-align: center; height: 40px; }
#topMainImgIn dt span { font-size: 11px; }
#topMainImgIn dd { font-size: 10px; line-height: 120%; padding: 0 5px; }
#topMainImgIn dd p { height: 34px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: center 0; margin-bottom: 6px; }
#topMainImgIn dd.icon01 p { background-image: url(../top/topMainIcon01.png); }
#topMainImgIn dd.icon02 p { background-image: url(../top/topMainIcon02.png); }
#topMainImgIn dd.icon03 p { background-image: url(../top/topMainIcon03.png); }
#topMainImgIn dd.icon04 p { background-image: url(../top/topMainIcon04.png); }
#topMainImgIn dd.icon05 p { background-image: url(../top/topMainIcon05.png); }
#topMainImgIn dd.icon06 p { background-image: url(../top/topMainIcon06.png); }
#topMainImgIn a:hover dt,
#topMainImgIn a:hover dd { color: #ABBFE6; }
#topMainImgIn a:hover dd p { background-position: center -34px; }

@media (min-width: 768px) {
    #topMainImgWrap { background: url(../top/topMainImgBg.jpg) no-repeat center 0; height: 553px; }
    #topMainImg { background: url(../top/topMainImg.jpg) no-repeat center 0; height: 553px; max-width: 1400px; margin-left: auto; margin-right: auto; }
    #topMainTitle { padding-top: 346px; }
}

@media (max-width: 767px) {

}

@media (max-width: 480px) {

}

/*------------------------------------------------------



------------------------------------------------------*/
.topContWrap { font-size: 16px; line-height: 160%; }
.topContWrap .floatR { width: 210px; font-size: 14px; line-height: 130%; }
@media (min-width: 768px) {
    .topContWrap .floatL { width: 715px; }
}

@media (max-width: 767px) {
    #mainCont { width: calc(100% - 30px); margin-left: 15px; margin-right: 15px;}
    #mainCont .floatL { float: none;}
    .topContWrap .floatR { display: none;}
}


/*------------------------------------------------------



------------------------------------------------------*/
/* 医療問題への取り組み */
.topCont01 { border: #F0F0F0 5px solid; padding: 15px; text-align: center; }
.topCont01 span { display:inline-block; background: #F30; color: #FFF; width: 330px; height: 36px; font-size: 16px; line-height: 36px; text-align: center;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

@media (min-width: 768px) {
    .topCont01 span.left { margin-right: 10px; }
}

@media (max-width: 767px) {
    .topCont01 span { width: 100%; }
    .topCont01 span.left { margin-bottom: 10px; display: block; margin-left: auto; margin-right: auto; }
}


/*------------------------------------------------------



------------------------------------------------------*/
/* 顧問弁護士 */
/*.topCont01 a.merit { display: inline-block; font-size: 18px; line-height: 120%; color: #000; text-decoration: none; text-align: left; }
.topCont01 a.merit01 { background: url(../top/topMerit01.png) no-repeat; }
.topCont01 a.merit02 { background: url(../top/topMerit02.png) no-repeat; }
.topCont01 a.merit03 { background: url(../top/topMerit03.png) no-repeat; }
.topCont01 a.merit04 { background: url(../top/topMerit04.png) no-repeat; }
.topCont01 a.merit:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }*/


.topCont01.merit {}
.topCont01.merit ul {}
.topCont01.merit ul li { }
.topCont01.merit ul li a { display: block; height: 100%; position: relative;}
.topCont01.merit ul li img {}
.topCont01.merit ul li span { position: absolute; background-color: transparent; z-index: 1; color: #000;}

@media (min-width: 768px) {
.topCont01.merit {}
.topCont01.merit ul {}
.topCont01.merit ul li {}
.topCont01.merit ul li a {}
    .topCont01.merit ul li a:hover { opacity: 0.8;}
.topCont01.merit ul li img {}
.topCont01.merit ul li span { left: 70px; top: 0; width: auto; height: 100%; line-height: 70px; font-size: 1.8rem; }

}


@media (max-width: 767px) {
    /*
    .topCont01.merit { border: none; padding: 0;}
    .topCont01.merit a.merit { width: calc(50% - 5px); background-size: 100% auto; font-size: 1.6rem; white-space: nowrap; padding: 16px 0 6% 14%; margin-bottom: 10px;}
    .topCont01.merit a.merit:nth-child(2n+2) { margin-left: 10px;}
*/
    .topCont01.merit { border: none; padding: 0; }
.topCont01.merit ul {}
.topCont01.merit ul li { width: calc(50% - 5px); margin-bottom: 10px;}
.topCont01.merit ul li a { max-width: 220px; margin-left: auto; margin-right: auto;}
.topCont01.merit ul li img {}
.topCont01.merit ul li span { left: 30%; top: calc(50% - 1em); width: auto; font-size: 1.6rem; }
.topCont01.merit ul li:nth-child(2n+2) { margin-left: 10px;}

}



/*------------------------------------------------------



------------------------------------------------------*/
/* 右側 無料 */
.topMuryoDoc { border-top: #2E5EC1 1px solid; border-bottom: #2E5EC1 1px solid; margin: 15px 0; padding: 15px 0; }


/*------------------------------------------------------



------------------------------------------------------*/
/* 新着ブログ */
#topNewsWrap { padding-bottom: 1px; margin-bottom: 40px; }
#topNewsWrap dl { margin: 0; padding: 0; font-size: 13px; line-height: 120%; margin-bottom: 10px; }
#topNewsWrap dt { float: left; width: 80px; }
#topNewsWrap dd { float: left; }
#topNewsWrap dd a { color: #000; text-decoration: none; }
#topNewsWrap dd a:hover { text-decoration: underline; }

@media (min-width: 768px) {
  #topNewsWrap dd { width: 800px; }

}

@media (max-width: 767px) {
  #topNewsWrap dd { width: 100%; }

}


/*------------------------------------------------------



------------------------------------------------------*/
/* table */
table.topTable01,
table.topTable01 td,
table.topTable01 th { border-spacing: 0px; border: none; padding: 0; border-collapse: collapse; }
table.topTable01 th {}
table.topTable01 td { vertical-align: top; }

@media (min-width: 768px) {
    table.topTable01 th { width: 330px; text-align: left; }
}

@media (max-width: 767px) {
    table.topTable01 th ,
    table.topTable01 td { display: list-item; width: 100%; list-style-type: none;}

    table.topTable01 th { margin-bottom: 15px;}
    table.topTable01 td a.btn01 { width: 100%;}
}


/*------------------------------------------------------



------------------------------------------------------*/

@media (min-width: 768px) {

}

@media (max-width: 767px) {

    #footBnrArea {}
    #footBnrArea span.footBnr01 { width: 100%; text-align: center; background-color: #fff; margin-bottom: 15px;}
    #footBnrArea span.footBnr01 a { display: inline-block;}
    #footBnrArea span.footBnr01 img {}
    #footBnrArea span.footBnr02 { width: 100%; text-align: center; background-color: #fff;}
    #footBnrArea span.footBnr02 a { display: inline-block; }
    #footBnrArea span.footBnr02 img {}

    #footBnrArea > a {}
    #footBnrArea > a img {}

}

@media (max-width: 480px) {

}