@charset "utf-8";

/*------------------------------------------------------------------
	top.css
------------------------------------------------------------------*/
@media screen and (min-width: 641px){


/*バナーエリア*/
#qa_blk{
	background: url(../common/img/conts_bg.png);
	padding-top: 30px;
	padding-bottom: 30px;
	text-align:center;
}

#qa_blk section.wrap{width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 30px;}
	
#qa_blk section .tab_ul{ width:700px; margin-left:auto; margin-right:auto;}
#qa_blk section .tab_ul li{ width:340px;}
#qa_blk section .tab_ul li a {
   text-decoration: none;
   display: block;
   padding: 15px 0px; 
   width: 330px;      
   text-align: center;   
   font-weight: 600;   
   background-color: #fff2d9;   
   border-top: #f3d355 solid 4px;
  	border-left: #f3d355 solid 4px;
	border-right: #f3d355 solid 4px;
   border-top-left-radius: 8px;  
   border-top-right-radius: 8px;
   font-size:24px;
}
#qa_blk section .tab_ul li a:hover{background-color: #fff2c1;  }
#qa_blk section .tab_ul li.ui-tabs-selected a{background-color:#ffd429 !important;}
#qa_blk section div.ui-tabs-panel section { width:860px; padding:20px; border-bottom:dotted 1px #996600; margin:10px auto; text-align:left;}
#qa_blk section div.ui-tabs-panel section h3{font-size:24px; margin-bottom:15px; line-height:30px;}
#qa_blk section div.ui-tabs-panel section h3 span{ background-color:#006bb7; color:#FFF; border-radius:10px; padding:3px 10px; font-weight:200; font-size:24px; line-height:30px; margin-right:5px;}
#qa_blk section div.ui-tabs-panel section p{font-size:16px; line-height:30px;}
#qa_blk section div.ui-tabs-panel section p span{ background-color:#e94819; color:#FFF; border-radius:10px; padding:3px 12px; font-weight:200; font-size:20px; line-height:20px; margin-right:5px;}
}
h3.ttl_pre{ color:#1397ba; font-size:24px; font-weight:700; text-align:left; margin-left:25px; margin-bottom:10px;}
h3.ttl_houmon{ color:#cc3e49; font-size:24px; font-weight:700; text-align:left; margin-left:25px; margin-bottom:10px;}



@media screen and (max-width: 640px){


/*バナーエリア*/
#qa_blk{
	background: url(../common/img/conts_bg.png);
	padding-top: 30px;
	padding-bottom: 20px;
	text-align:center;
	width: 100%;
}


#qa_blk section.wrap{width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 0px;}

#qa_blk section .tab_ul{ width:99%; margin-left:auto; margin-right:auto;}
#qa_blk section .tab_ul li{ width:48%;}
#qa_blk section .tab_ul li a {
   text-decoration: none;
   display: block;
   padding: 15px 0px; 
   width: 100%;      
   text-align: center;   
   font-weight: 600;   
   background-color: #fff2d9;   
   border-top: #f3d355 solid 4px;
  	border-left: #f3d355 solid 4px;
	border-right: #f3d355 solid 4px;
	
   
   border-top-left-radius: 8px;  
   border-top-right-radius: 8px;
   font-size:14px;
}
#qa_blk section .tab_ul li a:hover{background-color: #fff2c1;  }
#qa_blk section .tab_ul li.ui-tabs-selected a{background-color:#ffd429 !important;}
#qa_blk section div.ui-tabs-panel section { width:98%; padding:0; border-bottom:dotted 1px #996600; margin:20px auto 30px auto; text-align:left;}
#qa_blk section div.ui-tabs-panel section h3{font-size:15px; margin-bottom:8px; line-height:22px; padding-bottom:2px;}
#qa_blk section div.ui-tabs-panel section h3 span{ background-color:#006bb7; color:#FFF; border-radius:10px; padding:3px 8px; font-weight:200; font-size:15px; line-height:18px; margin-right:4px;}
#qa_blk section div.ui-tabs-panel section p{font-size:13px; line-height:20px;}
#qa_blk section div.ui-tabs-panel section p span{ background-color:#e94819; color:#FFF; border-radius:10px; padding:3px 8px; font-weight:200; font-size:14px; line-height:14px; margin-right:5px;}

}