@media all and (min-width: 641px) {
    
	body.disease #title-image .title-inner {
		background-image: url(../images/disease/title-bg.jpg);
	}
    body.disease #subnav .subnav-list > li > a {
        min-width: 144px;
        padding: 6px 18px;
    }
    body.disease #subnav .subnav-list > li{
    }
	
	/* INDEX */ 
    body#disease-index .or-box > .inner{
        width: 960px;
        margin:0 auto 60px;
    }
    body#disease-index .desc-box{
        width: 720px;
        margin:0 auto 30px;
    }
    body#disease-index .desc-box .text-box{
        float: left;
        width: 504px;
    }
    body#disease-index .desc-box .image-box{
        float: right;
        width: 200px;
        text-align:right;
    }
    body#disease-index .cause-box{
        width: 720px;
        margin:0 auto 40px;
        box-sizing:border-box;
    }
    body#disease-index .cause-box .inner{
        padding:30px 50px;
        background-color:#fcece0;
    }
    body#disease-index .cause-box.type-w .inner{
        background-color:#ffffff;
    }
    body#disease-index .cause-box h3{
        text-align:center;
        font-size: 133.333%;
    }
    body#disease-index .cause-box .w-box{
        padding: 20px 80px 10px;
    }
    body#disease-index .cause-box .plus{
        margin: 0 0 15px;
        padding: 25px;
        background: url(../images/common/icon-plus.png) no-repeat center bottom;
        background-size:37px 36px;
    }
    body#disease-index .cause-box p{
        margin: 0;
        text-align: center;
    }
    body#disease-index .cause-box .listmark-type02 .arrow{
        background: url(../images/common/listmark-type02.png) no-repeat left 11px,
        url(../images/common/icon-arrow.png) no-repeat center bottom;
        background-size:4px 4px , 30px 41px;
        padding:0 0 50px 8px;
    }  
    body#disease-index .prevention-box .box{
        display:table;
        margin:0 0 40px;
    }
    body#disease-index .prevention-box .box .number{
        display:table-cell;
        vertical-align:middle;
        width: 263px;
        height: 165px;
        padding:0 26px 0 10px;        
        background:url(../images/disease/measure-balloon.png) no-repeat left center;
        background-size:263px 165px;
        position:relative;
    }
    body#disease-index .prevention-box .box .number .title-level04{
        width: 224px;
        padding: 10px 0 0;
        text-align: center;
        line-height: 1.2;
    }
    body#disease-index .prevention-box .box .number .number-circle{
        position:absolute;
        top:10px;
        left:10px;
    }
    body#disease-index .prevention-box .box .text{
        width: 656px;
    }
    body#disease-index .prevention-box .box.imager .text{
        width: 480px;
    }
    body#disease-index .prevention-box .box.imager .image{
        width: 176px;
        text-align:right;
    }
    
                                
                                
                                
}

@media only screen and (max-width: 640px) {
    
	body.disease #title-image .title-inner {
		background-image: url(../images/disease/title-bg.jpg);
	}
    
	/* INDEX */ 
    body#disease-index .cause-box{
    }
    body#disease-index .cause-box .inner{
        padding:10px;
        background:#fcece0;
    }
    body#disease-index .cause-box.type-w{
    }
    body#disease-index .cause-box.type-w .inner{
        background-color:#ffffff;
    }
    body#disease-index .cause-box h3{
        text-align:center;
        font-size: 133.333%;
    }
    body#disease-index .cause-box .w-box{
        padding: 20px;
    }
    body#disease-index .cause-box .plus{
        margin: 0 0 10px;
        padding: 20px;
        background: url(../images/common/icon-plus.png) no-repeat center bottom;
        background-size:25px auto;
    }
    body#disease-index .cause-box p{
        margin: 0;
        text-align: center;
    }
    body#disease-index .cause-box .listmark-type02 .arrow{
        background: url(../images/common/listmark-type02.png) no-repeat left 11px,
        url(../images/common/icon-arrow.png) no-repeat center bottom;
        background-size:4px 4px , 25px auto;
        padding:0 0 30px 8px;
    }
    body#disease-index .prevention-box .box{
        display:table;
        margin:0 0 40px;
    }
    body#disease-index .prevention-box .box .number{
        height: 113px;
        margin: 0 0 10px;
        padding: 0 0 0 3px;
        background: url(../images/disease/measure-balloon_sp.png) no-repeat left center;
        background-size: 170px auto;
        position: relative;
    }
    body#disease-index .prevention-box .box .number .title-level04{
        width: 150px;
        padding: 37px 0 0 10px;
        text-align: center;
        line-height: 1.2;
        font-size: 128.571%;
    }
    body#disease-index .prevention-box .box .number .number-circle{
        position:absolute;
        top: 5px;
        left: 0px;
    }
    body#disease-index .prevention-box .box.imager .text{
        width: 68%;
        float: left;
    }
    body#disease-index .prevention-box .box .image{
        width: 30%;
        float: right;
        
    }
    body#disease-index #index-atopic .prevention-box .box04 .title-level04{
        padding: 45px 0 0 10px;
    }
    
    
}