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

/*
.outline_left_cont {
	width: 530px;
	margin: 0;
	padding: 0.5em;
	float:left;
}
.outline_right_cont {
	width: 400px;
	margin: 0;
	padding: 0.5em 0;
	float:left;
}
table.outline{
	width: 100%;
	line-height: 1.3;
}
table.outline th{
	width: 30%;
	text-align: right;
	vertical-align: top;
}
table.outline th::after{
	content : '：';
	margin: 0 5px;
    position: relative;
}
table.outline tr{
	text-align: left;
}
*/
body{
	counter-reset: number 0;
}
h3{
	font-size: 1.3em;
	text-align: left;
	margin: 0;
	padding: 1.5em 2em 0;
	text-indent: -2em;
}
h3::before{
	counter-increment: number 1;
	content: counter(number) "． "; 
	margin: 0 5px;
    position: relative;
}
p.text_outline{
	font-size: 1.3em;
	width: auto;
	margin: 0 auto;
	padding: 0.3em 2em 0.5em 5em;
	text-align: left;
}

#outline{
	display:flex; 
}

dl.outline {
	width: 50%;
	background-color: #FFFFFF;
	margin: auto;
	padding: 2em 0;	
	overflow-y:auto;
}
dl.outline dt {
	font-size: 1.3em;
	width: 200px;
	height: auto;
	text-indent: 0px;
	margin: 0px;
	padding:5px 15px 5px 0;
	text-align: right;
	overflow-y:auto;
}
dl.outline dd {
	font-size: 1.3em;
	margin: 0px;
	padding: 5px 20px;
	text-align: left;
	height: auto;
	width: 80%;
}
.outline div {
	display:flex;
	justify-content:flex-start;
	border-bottom: dotted 1px #666;
}
.outline {
	width: 50%;
	align-self: center;
}
img.outline{
	width: 100%;
	max-width: 800px;
	margin: 0 auto 2em;
	padding: 0;
	
}
img.plane{
	width: 100%;
	max-width: 800px;
	margin: 3em auto;
	padding: 0;
	
}

.comment_right{
	font-size: 1.3em;
	margin: 0 0 5px;
	text-align: right;
}


@media screen and (max-width:767px){
	#outline{
		display:block; 
	}

	dl.outline {
		width: 90%;
	}
	.outline div {
		
		display:block;
	}
	dl.outline dt {
		width: 80%;
		font-weight: bold;
		text-align: left;
	}
	dl.outline dd {
		width: 80%;
		text-align: left;
	}
	.outline {
		width: 80%;
		margin: auto;
	}
}
	

@media screen and (max-width: 480px) {
	p.text_outline{
	width: 90%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}
}