@charset "utf-8";

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

.text{
	margin-bottom:50px;}

.text2{
	margin-left:20px;
	margin-bottom:20px;}
		
	
	
.text ul{
    padding:0px;
	margin:0px;
	
	}	
	
.text li{
    background:url(../../img/btn4.jpg) no-repeat;
	background-position:0em 0.7em;
	padding:5px;
	padding-left:16px;
	margin:0px;
	list-style-type:none;
	}
	
.midasi	{
	 background:url(../../img/btn4.jpg) no-repeat;
	background-position:0em 0.7em;
	padding:5px;
	padding-left:17px;
	margin:0px;
	font-weight:bold;
	color:#690;}
	
/*gaiyou*/
.table_itiran {
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	margin: 0px auto;
	font-weight:normal;
	margin-bottom:60px;
	color:#333333;
	}
.table_itiran th,
.table_itiran td {
	padding: 6px;
	border: 1px solid #999999;
	vertical-align:top;
	line-height:130%;
	}
	
.table_itiran th.midasi,
.table_itiran td.midasi{
	font-size:80%;
	font-weight:bold;
	color:#000000;
	background:#EBEBEB;
	}
	
.table_itiran th.more,
.table_itiran td.more{
    text-align:center;
	}				
			
.table_itiran li{
    list-style-type: disc;
	list-style-position: outside;
	margin-bottom:7px;
	padding-bottom:7px;
	border-bottom:1px dotted #EBEBEB;
	}

.table_link th, .table_link td {
	padding: 0.5em;
	font-size: 16px;
	line-height: 200%;
}
.table_link th {
	background-color: #ccc;
	text-align: center;
	font-weight: bold;
}
.table_link td {
	background-color: #fff;
}
.table_link td strong {
	background-color: #ffff00;
	font-weight: normal;
}




.dl-style {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.dl-style dt {
	background-color: #eee;
}
.dl-style dt,
.dl-style dd {
	border-bottom: 1px solid #aaa;
	margin: 0;
	padding: 0.25rem 0.5rem;
}
.dt_w8 dt {
	width: 8rem;
}
.dt_w8 dd {
	width: calc(100% - 10rem);
}




/*member*/
.member_layout {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}
.member_layout--info {
	width: 80%;
}
.member_layout--photo {
	width: calc(20% - 3rem);
}
.member_layout--photo img {
	max-width: 100%;
	height: auto;
}

/*====================================
	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%;
		}

	.member_layout{
		flex-wrap: wrap;
	}
	.member_layout--photo {
		width: 100%;
		text-align: center;
	}
	.member_layout--info {
		width: 100%;
	}
}
/*====================================
	スマホ	425px以下
=====================================*/
@media screen and (max-width: 425px) {

}