@charset "utf-8";

/* mobile----------------------------------------------------*/
@media screen and (max-width: 480px) {

/* main  */    
.guidance_frame{width: 90%; margin: 0 auto; line-height: 1.3;}
.guidance_L{font-weight: bold;  font-size: 4vw; }    
.guidance_R{font-size: 3.6vw; padding-left: 3%; margin-bottom: 8px;}      
.guidance_R dt{font-weight: bold;}   
.guidance_R dd{font-size: 3.4vw; padding-left: 4%; margin-bottom: 5px;}       
    
  table{
  width: 100%;
}

table th{
  position: relative;
  text-align: left;
  width: 30%;
}

table th:after{
  display: block;
  content: "";
  width: 10px;
  height: 2px;
  background-color: #333;
  position: absolute;
  top:calc(50% - 1px);
  right:-15px;
}

table td{
  text-align: left;
  padding:7px 0 7px 30px;
  width: 85%;
}
  
    
}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {

/* main  */    
.guidance_frame{overflow: hidden; display: flex; font-size: 1.6vw;}
.guidance_L{ width: 28%; font-weight: bold; text-align: center; background-color: #dcdcdc;
    padding: 12px 0 10px; float: left; border-bottom:1px solid #fff;}
.guidance_R{ width: 70%; float: left; padding: 12px 0 10px 2%; display: flexbox; 
    border-bottom:1px solid #dcdcdc;}
.guidance_R dt{ float: left; width: 14%; font-weight: 500;}
.guidance_R dd{ float: left; width: 86%; margin-bottom: 10px;}

table{
  width: 100%;
}

table th{
  position: relative;
  text-align: left;
  width: 30%;
}

table th:after{
  display: block;
  content: "";
  width: 20px;
  height: 2px;
  background-color: #333;
  position: absolute;
  top:calc(50% - 1px);
  right:-15px;
}

table td{
  text-align: left;
  padding:7px 0 7px 30px;
  width: 85%;
}


	
	
}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {	
    
/* main  */    
.guidance_frame{overflow: hidden; width: 690px; margin-left: 70px; display: flex;}
.guidance_L{ width: 140px; font-weight: bold; text-align: center; background-color: #dcdcdc;
    padding: 12px 0 10px; float: left; border-bottom:1px solid #fff;}
.guidance_R{ width: 510px; float: left; padding: 12px 0 10px 40px; display: flexbox; 
    border-bottom:1px solid #dcdcdc;}
.guidance_R dt{ float: left; width: 70px; font-weight: 500;}
.guidance_R dd{ float: left; width: 410px; margin-bottom: 10px;}
	
table{
  width: 100%;
}

table th{
  position: relative;
  text-align: left;
  width: 25%;
}

table th:after{
  display: block;
  content: "";
  width: 20px;
  height: 2px;
  background-color: #333;
  position: absolute;
  top:calc(50% - 1px);
  right:-15px;
}

table td{
  text-align: left;
  padding:7px 0 7px 30px;
  width: 85%;
}



}