@charset "utf-8";

.outline {
	max-width:1000px;
	margin:0px auto;
}

A:link {color:#000;text-decoration: none;}
A:visited {color: #000; text-decoration: none;}
A:hover {color:#F60; text-decoration: line;}
A:active {color: #000; text-decoration: none;}
	
#list{
    margin-bottom:40px;
	line-height:110%;
	padding-bottom:10px;
	border-bottom:5px solid #CCCCCC;
	}	
	
#list ul{
    padding:0px;
	margin:0px;

	}	
	
#list li{
    width:700px;
	height:60px;
	padding:0px;
	margin:0px;
	list-style-type:none;
	border-bottom:1px dotted #999999;
	padding-top:10px;
	}
	
/*gaiyou*/
.table_itiran {
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	margin: 0px auto;
	font-weight:normal;
	margin-bottom:60px;
	color:#333333;
	width: 100%;
	}
.table_itiran th,
.table_itiran td {
	padding: 15px 0px;
	border-bottom: 1px dotted #999999;
	}
	
.table_itiran th.banner,
.table_itiran td.banner{
	width: 100%;
	/* width:220px; */
	border-right:20px solid #FFFFFF;
	display: flex;
    align-items: center;
	}
	
.table_itiran th.name,
.table_itiran td.name{
	width: 100%;
    /* width:240px;
	height:35px; */
	padding-left:20px;
	background:url(../../img/btn.jpg) no-repeat;
	background-position:center left;
	display: flex;
    align-items: center;
	}				

	tr{
		display: flex;flex-wrap: nowrap;
	}
			

/*gaiyou*/
.table_itiran2 {
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	margin: 0px auto;
	font-weight:normal;
	margin-bottom:60px;
	color:#333333;
	width: 100%;
	}
	
.table_itiran2 th,
.table_itiran2 td {
	padding: 15px 0px;
	border-bottom: 1px dotted #999999;
	}
	
.table_itiran2 th.banner,
.table_itiran2 td.banner{
	width: 100%;
	/* width:280px; */
	border-right:20px solid #FFFFFF;
	display: flex;
    align-items: center;
	}
	
.table_itiran2 th.name,
.table_itiran2 td.name{
	width: 100%;
    padding-left: 20px;
    background: url(../../img/btn.jpg) no-repeat;
    background-position: center left;
    display: flex;
    align-items: center;
	}				
			

/*====================================
	PC	768px以下
=====================================*/
@media screen and (max-width: 768px) {
	header #logo {
		max-width: 70%;
	}
	.outline {
		max-width: 100%;
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}
	header #logo{
		margin-left: 1rem;
		}
	header h1{
		margin-left: 1rem;
	}

	.sec{
		max-width:100%;
		margin:25px 0px;
		line-height:170%;
		}
	}
/*====================================
	スマホ	425px以下
=====================================*/
@media screen and (max-width: 425px) {
	.table_itiran{
		width: 100%;
	}
	tr{
		flex-wrap: wrap;
	}
}