@charset "utf-8";
/* CSS Document */


/*PC*/
@media print, screen and (min-width: 769px) {
	
	.hed_img {
		background: url(../images/duties/duties/hed_img.jpg) 0 0 no-repeat;
		height: 710px;
		margin-top: 80px;
		width: 40%;
		float: left;
		background-size: cover;
	}
	
	
	
	.flow_iilust {
		width: 1100px;
		margin: 0 auto;
	}
	
	
	
	.sup_list {
		width: 100%;
	}
	
	.sup_img img {
		width: 100%;
		height: auto;
	}
	
	.sup_img {
		width: 100%;
		height: 300px;
		overflow: hidden;
	}
	
	.sup_box {
		background: #000;
		padding: 20px 10px;
	}
	
	.sup_tit {
		color: #fff;
		font-weight: bold;
		text-align: center;
		font-size: 1.5em;
		margin-bottom: 20px;
	}
	
	.sup_txt {
		color: #fff;
		
	}
	
	.sup_txt::before {
		content: "✓";
		display: block;
		float: left;
		margin-right: 5px;
	}
	
    .table_tit {
        color: #f39800;
        font-size: 1.5em;
        margin-bottom: 10px;
        font-weight: bold;
    }
	    .table_subtit {
        color: #333;
        font-size: 1.2em;
        margin-bottom: 10px;
        font-weight: bold;
    }
	
    
    .detail_list {
        width: 100%;
        margin: 0 auto 50px;
    }
    
    
    .detail_list li {
        width: 380px;
        float: left;
        margin-right: 30px;
        margin-bottom: 30px;
    }
    
    .detail_list li:nth-child(3n+3) {
        margin-right: 0px;
    }
    
    
    .com_table2 {
    border-top: 1px solid #f1f0ee;
    width: 100%;
	margin:0 0 50px;
}

.com_table2 th {
	background:#F0F0F0;
	width:35%;
	background:none;
	border-bottom: 1px solid #f1f0ee;
	padding: 10px;
	text-align: left;
	display:table-cell;
}
	
	.com_table2 th span {
		font-style: italic;
font-family: 'Osaka','Verdana';
		
	}

.com_table2 td {
    border-bottom: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
    padding:10px;
	display:table-cell;
}

    
    
	
	
}

/*sp*/
@media only screen and (max-width: 768px) {
	

		.hed_img {
		background: url(../images/duties/duties/hed_img.jpg) center  center no-repeat;
		height: 350px;
		width: 100%;
		background-size: cover;
	}
	

	
	.sup_list {
		width: 100;
	}
	
	.sup_img {
		width: 100%;
	}
	
	.sup_img img {
		width: 100%;
	}
	
	.sup_box {
		background: #000;
		padding: 20px 10px;
	}
	
	.w570_l {
		margin-bottom: 30px;
	}
	
	
	.sup_tit {
		color: #fff;
		font-weight: bold;
		text-align: center;
		font-size: 1.1em;
		margin-bottom: 20px;
	}
	
	.sup_txt {
		color: #fff;
	}
	
	.sup_txt::before {
		content: "✓";
		display: block;
		float: left;
		margin-right: 5px;
	}
	
	
	.flow_iilust {
		width: 100%;
	}
	
	.flow_iilust img {
		width: 100%;
		height: auto;
	}
	
	    .table_tit {
        color: #f39800;
        font-size: 1.3em;
        margin-bottom: 10px;
        font-weight: bold;
    }
    
       
    .detail_list {
        width: 100%;
        margin: 0 auto 50px;
    }
    
    
    .detail_list li {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .detail_list li:nth-child(3n+3) {
        margin-right: 0px;
    }
    	.com_table2 {
    border-top: 1px solid #f1f0ee;
    width: 100%;
	margin:0 0 40px;
}
	
	.com_table2 th {
	background:#F0F0F0;
	width:96%;
	background:none;
	border-bottom:none;
	padding: 2%;
	text-align: center;
	display: block;
}
	
	
	.com_table2 th span {
		font-style: italic;
font-family: 'Osaka','Verdana';
		
	}	

.com_table2 td {
    border-bottom: 1px solid #f1f0ee;
    border-left: none;
    padding:2%;
    text-align: center;
	display: block;
}
	

}