@media all and (min-width: 641px) {
    
	body.faq #title-image .title-inner {
		background-image: url(../images/faq/title-bg.jpg);
	}
	
	/* INDEX */ 
    body#faq-index #index-faq .faq-box .title-level04{
        padding:10px 20px;
        border-top:1px solid #E8822E;
        border-bottom:1px solid #E8822E;
        background:#FCECE0;
    }
    body#faq-index #index-faq .faq-box .title-level04 .number{
        margin: 0 20px 0 0;
        font-size: 128%;
        color:#EEA162;
    }
    body#faq-index #index-faq .faq-box{
        margin: 0 0 35px;
    }
    body#faq-index #index-faq .faq-box .a-box{
        padding:10px 74px 0;
    }
    body#faq-index #index-faq .faq-box .a-box .em-or{
        font-weight: normal;
    }
    body#faq-index #index-faq .faq-box.faq02 .a-box table td{
        width: 304px;
    }
    body#faq-index #index-faq .faq-box.faq05 .a-box .listmark-type01 > li:first-child table{
        margin: 10px 0 30px;
    }
    body#faq-index #index-faq .faq-box.faq07 .a-box .half-box .boxl,
    body#faq-index #index-faq .faq-box.faq07 .a-box .half-box .boxr{
        width: 370px;
    }
    body#faq-index #index-faq .faq-box.faq07 .a-box .half-box .boxl th,
    body#faq-index #index-faq .faq-box.faq07 .a-box .half-box .boxr th{
        text-align: center;
    }
    body#faq-index #index-faq .faq-box.faq07 .a-box .half-box .boxl td,
    body#faq-index #index-faq .faq-box.faq07 .a-box .half-box .boxr td{
        width: 274px;
    }
    body#faq-index #index-faq .faq-box.faq07 .a-box .listmark-type01{
        margin: 0;
    }
    
                            
                            
    
}

@media only screen and (max-width: 640px) {
    
	body.faq #title-image .title-inner {
		background-image: url(../images/faq/title-bg.jpg);
	}
    
	/* INDEX */ 
    body#faq-index #index-faq .faq-box .title-level04{
        display:table;
        width: 100%;
        border-top:1px solid #E8822E;
        border-bottom:1px solid #E8822E;
        background:#FCECE0;
    }
    body#faq-index #index-faq .faq-box .title-level04 span{
        display:table-cell;
        vertical-align: middle;
    }
    body#faq-index #index-faq .faq-box .title-level04 .number{
        width: 50px;
        text-align: center;
        font-size: 128%;
        color:#EEA162;
    }
    body#faq-index #index-faq .faq-box .title-level04 .title{
       width : 80% ; /* IE8以下とAndroid4.3以下用フォールバック */
       width : -webkit-calc(100% - 50px) ;
       width : calc(100% - 50px) ;
    }    
    body#faq-index #index-faq .faq-box{
        margin: 0 0 30px;
    }
    body#faq-index #index-faq .faq-box .a-box .em-or{
        font-weight: normal;
    }
    body#faq-index #index-faq .faq-box.faq02 .a-box table{
        width: 100%;
    }
    body#faq-index #index-faq .faq-box.faq07 .a-box .half-box .boxl th,
    body#faq-index #index-faq .faq-box.faq07 .a-box .half-box .boxr th{
        text-align: center;
    }
    body#faq-index #index-faq .faq-box.faq07 .a-box .half-box .boxl td,
    body#faq-index #index-faq .faq-box.faq07 .a-box .half-box .boxr td{
        width: 60%;
    }
    body#faq-index #index-faq .faq-box.faq07 .a-box .listmark-type01{
        margin: 0;
    }
    body#faq-index #index-faq .faq-box.faq10 .a-box table th,
    body#faq-index #index-faq .faq-box.faq10 .a-box table th{
        min-width: 65px;
    }
	
    
}